Webpack Questions

I have react app created by "react-create-app" with latest react 16.12 and webpack i need to make import with dependence on variable, like

It's web application created with typescript, react and webpack. i want to use svg file through webpack. however, i got

I am creating a pdf generator using the react-pdf package at

Import react from "react"; import logo from "./logo.svg"; import text from "./compiler/test/index.txt"; import "./app.css"; const app:

I want to load reactjs file dynamically in browser either through making script tag or through ajax (i don't

I have been working on a relatively straightforward react project, which has about 8 components, and uses a relatively small number of commonly

Initially, i am using the create-react-app which during build produces 2 js files after build, one is the main and the other one is the chunk.

It is my first time trying npm-link, trying to create a shared component repository, and have hit an issue. i think i have linked the projecteds

After package updates, i suddenly get weird typescript errors: [tsl] error in c:..\ui\src\sagas.ts(40,21)

I read code in an app with nextjs. it imports component like import head from '~/components/layout/head' the project

I'm deploying my django react project to heroku. build was successful, but when i visit the site which is

I'm looking for the similar way to inject data.json file for my nunjucks template with webpack. with gulp would look something like this:

I'm building a reactjs application and there is a need to add <script> tag. i can do it right in the index.html, but this

I've just upgrated to next js 9.0 and when i run a build there's a fantastic new feature which shows you the size of all the compiled pages.

Fontawesome wasn't working as expected which led me to checking the app.css produced by laravel-mix build and i see this in

I am trying to run a basic nextjs and storybook application using docker and cannot get hot reloading to work with storybook. i tried adding the

In this webpacker config and

Full code here: https://github.com/vscodr/axios_issue been

This very similar to the one mentioned

After upgrading from angular 2.1.0 to 2.4.3 and webpack from 2.1.0-beta.25 to 2.2.0-rc.4 i recive this error if i run my webapp (the build works

I'm trying to put together a little angular2 app: i'm not using typescript, but rather regular es6 with babel my files looks like

I'm trying to build a lerna package with a create-react-app package and a simple component library. my component is as follows:

I am trying to migrate from systemjs to webpack and i am having this error for my .html files which are

My project is based on angular2-webpack-starter.

I'm all new with nuxt so this might be stupid question. i have a nuxt project where i want to use this plugin

I'm new to react and webpack, just some questions on js files generated by webpack. i always thought webpack will get all the dependencies js into

I have project bundled on webpack4, i need to take some info in form inputs from and write it to txt file. i'm new in developing, so sorry if

After i updated winston to version 3.2.1, i get an error while trying to hot recompile the project (when my project is started and i make

Im trying to install webpack but it keeps giving me the same warning

No matter what i do, after building my project i keep getting the following error: error parsing bundle asset

Given the following two files : //a.js export const x = /*#__pure__*/ "x"; const a =

Tldr; do you have to chain laravel mix methods to maintain the execution order? are any methods async that would prevent one from using

I have been instructed to put some instructions inside the webpack.config.js file. however in my create-react-app project i cannot find that file.

I have a react project within a spring project. i want to have a debug environment, where react files are watched, and are compiled & copied

I am using storybook documentation and couldn't load images from assets folder. as documentations says: "if you are using a custom webpack config,

Actually, i know my question is s weird but really confused me. lodash functions are awesome and using them is a safe way to have a secure and

I'm stuck on making firebase work in my gatsby application that uses redux with redux-sagas. i know about the existence of

$ npm start ｢wds｣:invalid configuration object. webpack has been initialised using a

I have a rails 6 app with webpacker. everything works well in development but i get an error trying to resolve the entry path when i try pushing

I'm trying npm run dev in the cmd and it's throwing an error i've tried a lot of things but it doesn't seem to work. here is my

I asked question module not found: error:

Is there any way to autoload packages with special characters in them? i would like to extract npm packages using laravel mix and also set

In my react app production build i need a chunk to be downloaded in the browser in background. the issue is that currently when i click a button

I have a vue project with multiple clients. the clients all have similar components which i keep in a "common" folder: clients --

I am using react-app-rewired to build my react application with the following in package.json. "scripts": { "format":

My current situation now i am using [email protected] for some reason, i need to watch file change of my source code to run webpack's

I am using react-pdf to render a pdf file inline on my

I am creating an npm package with commonly used components in multiple projects. i don't want to bundle my own react/react-dom in this package so

I am using laravel mix for js bundling. but value of $ not defind inside a iife function in js. here is my code import $ from

I have the following script const webpackdevserver = require('webpack-dev-server') const webpack = require('webpack') const

I have installed webpack with below command yarn add webpack --dev and after i ran yarn start command inside my

I am trying to deploy my app to aws and encountered an error when executing "npm run build". this error seems to be relevant with

After adding authentication with passport and redux to my project, anytime i push my production ready code to my server it reuses an old build of

Im getting an error : unexpected token when importing a component-class while within another component class. im new to react, webpack and still

Hey everyone so i have a predicament. index.html is created by webpack for my vue project. it's currently looking for favicons inside the the dist

I’m trying to purge my css file with

How can i run my vuejs application on localhost and have it send its api calls to my deployed django rest framework backend without getting cors

For many js libraries we can find on github, it's nowadays impossible to use them directly in a client-side project by doing:

After i deploy my vue app to firebase, it appears as if my

I am trying to read files in a directory but cannot because __dirname is undefined nuxt.config.js

I am trying to get webpack-dev-server auto-reload a script i am writing to run as userscript in tampermonkey with the

I have a website built using docusaurus 2. now, i want to embed a

I want to integrate react-i18next in my react on rails app (i'm using webpack). the problem is react-i18next can't find my locales

I am currently working on a javascript module that includes code for both web and nodejs targets. these are each in their separate files

I'm trying to run vue-cli-service serve from inside a node.js application like this:

I've been trying to use react js with webpack, but when doing "npm run build" i get the following: you may need an appropriate

General setup i am building a small website with webpack and pug based on this awesome

I have a project called frontend-core-components which contains my app component. i have another project (let's just call it

I am trying to use nano-memoize in my react based web application which also uses typescript and webpack. i have followed the following

Here project structure src/ --ui/ --lib/ ----async-store/ ------create-inject-reducer-hoc.jsx ------package.json <<=== this

I create the reactjs app, test and compile it with webpack, it is fully functional and every thing is okay, once i need to make a production build

In my react app i have imported antd components and using babel import to lazy load css styles. ['import', { libraryname: 'antd',

I have a project with typescript and webpack. i want to import files without extension. this is my tree: . ├──

I recently had some issue with the web project on which i'm working and tried to remove node_modules folder. but after removing and

I have managed to build my angular app out as a dev build. i haven't done it as a production build yet as it gives me a few errors and i just need

I am pretty new to webpack and frontend development. i have a js file which has multiple classes, this classes would be used by other js

I have a function that takes some arguments and renders an svg. i want to dynamically import that svg based on the name passed to the function. it

When trying this: mix.js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css/app_blue.css', {

I am using material ui for building my react project. however there is a

I'm trying to create a webpack config for working with a static site, using scss. "scripts": { "start":

Is there some callback or event in webpack to know when a module or chunk has failed to load in the browser? i know that

I'm using the vue framework and creating an image using the domutil.create function. in this image i want to dynamically write the

I'm using webpack to compile my typescript to javascript and i want to expose a variable to the global scope so others can access it. i

While updating some deps (react-bootstrap) i ran into a react error you likely forgot to export your component from

I have following app structure: application a application b common

I'm trying to replace an old version of ckeditor in a laravel app due to dependency incompatibility with unisharp/laravel-ckeditor

I am trying to make isomorphic javascript application. both server side code and client side code are compiled by webpack. when i

I recently got involved in a project which uses webpack bundler. while refactoring the code i noticed that the bundler doesn't throw error on use

Whilst this question is related to workbox and webpack, it does not require any prior knowledge of either library. background

I am trying to create a react native web project. i have built several react native apps before, but have never tried to put one on the

I am new in react js , while running npm start it throws following error > [email protected] start /home/ajeesh/documents/reactapp >

[package.json] i tried everything i tried to update npm, node, webpack

I am using default laravel webmix settings const mix = require('laravel-mix') mix.js('resources/js/app.js',

I have (freshly installed) visual studio professional 2017 (v 15.9.4), a

The content of style.css gets overridden eahc time i run npm run dev this is my webpack file let mix =

I'm currently working on a project using vue and firebase. the issue is that my dev server is no longer rendering new routes from my vue router

I am using webpack in a typescript project. i am following a

I have a reactjs pwa based on webpack and offline-plugin. currently

I've been trying out a lot of the potential fixes from so, but none of them helped me so far. i cannot get the debugger to attach properly, it

I added the webpack 5 config like this in the typescript project: const path = require('path'); const webpack = require('webpack');