Most voted "webpack" questions
_Webpack_ is a module compiler. Its main purpose is to group Javascript files for use in a browser, but it is also able to transform, compile and group basically any other type of file or resource, such as `Sass`, `Less`, `css`, `html` among others.
Learn more…73 questions
Sort by count of
-
13
votes1
answer354
viewsPerformance Webpack Build.js
I’m starting with Webpack. It compiles all javascript and css files into a single file Build.js, Bundle.js, whatever it is... In the end it generates a fully minified file using the Node command…
-
4
votes1
answer334
viewsHow to disable XHR messages finished loading in production
I have a system developed in the Angular language in version 4. The system that generates build of the application in production is the webpack. This being used as the basis the following tarter:…
-
4
votes1
answer182
viewsHow to improve angular performance with webpack or demand loading?
I have a large project with angular and need to leave the pages loading with a good performance, at first I set up a Customized Webpack for the application. But by applying it the downloaded files…
-
3
votes0
answers299
viewsVue-html-Loader (Webpack+Vue-Loader) does not find images in the root folder
I’m having trouble attaching the images contained in src of HTML5 within a route taken in the vue-router, for the Webpack does not find the image at the root of the project, see the structure: C:. |…
-
3
votes3
answers896
viewsWebpack not updating Bundle.js
I’m new to this React and Webpack thing, and I’m studying a lot, but I’ve come up with a problem that I’m not finding a way to solve. const webpack = require('webpack') module.exports = { entry:…
-
3
votes1
answer196
viewsConcatenate multiple Sass/css files into one final css
I am using Laravel 5.4, which by default brings a file webpack.mix.js which will be the files to be concatenated and their destination. My problem is concatenating files scss with css, what I have…
-
3
votes1
answer123
viewshow to generate an index.js for each build - Webpack
I am working on a nuxt/Vue.js project and applying the Atomic design methodology, so I will have many components, in different folders, example: ├── components │ ├── quarks │ │ └── ... │ ├── bosons…
-
2
votes1
answer168
viewsProduction vs Development - WEBPACK
I would like to know the difference between the modes of "Development" and "Production" within Webpack4.
-
2
votes1
answer81
viewsscript import in wrong order, Function not defined
I have a Vue Component (Map.vue): <template> ... </template> <script> import '../../assets/js/map.js' export default { name: 'home', data () { return { init_data: {}, } }, created:…
-
2
votes0
answers513
viewsHow to run webpack + Reactjs without Node.js in the client-side?
It is possible to run the webpack transpilator in the client-side without installing and running it on a Node.js server ? I am currently trying to implement a SPA application using React 15.1.0…
-
2
votes1
answer283
viewsWebpack + Nodejs import bootstrap + jquery
Hello folks from Stackoverflow, I have a Vuejs project already with Webpack. And I was importing the Jquery and Bootstrap libraries. I went to my Ode and used the commands npm install jquery…
-
2
votes1
answer50
viewsWebpack Optimization of Minification
I’m starting with the Webpack and I’m learning how to work Config of it, and I’ve seen some of the documentation that deals with Resolve.extentions, I found it really cool because you can hide the…
-
2
votes0
answers248
viewsHow do I set up Webpack and package.json to run the React project?
I made all the necessary Webpack settings and the project starts, but apparently it does not run the css in the project and only leaves a blank screen. Before the Webpack settings my Package.json…
-
2
votes2
answers891
viewsAssign the return of a function that returns from a Promise
I am exporting a function to another file that is as a Webpack-simple + Vuejs component. That’s the function of the file api-user.js: export function getUsers () { axios.post('/api/get_list',{})…
-
2
votes0
answers46
viewsWebpack to import css together with REACTJS
Hello, I am making a Component (REACTJS), I would like to import the css come. I’m using the css-loader and style-loader. As I had never done something like this, I do not know if the configuration…
-
2
votes0
answers50
viewsSet url(path) when importing fontawesome with Sass
Hello! I’m working with Node+webpack+Sass. When I run the script wabpack, is made the compilation of Sass, the Bundle of the js files and the result is all placed in the directory build/. Until…
-
2
votes0
answers35
viewsCalling classes from strings in ES6 modules (commonjs) compiled by Webpack
In a web project with TypeScript, using modules commonjs, compiled via Webpack (version 5), I need to call classes and methods dynamically from type variables string containing their names. I can…
-
1
votes1
answer276
viewsError webpack with bootstrap-Loader
I’m having trouble implementing the bootstrap-Loader in the webpack. I get this error output on the console: ERROR in . /~/css-Loader!. /~/resolve-url-Loader!. /~/Sass-Loader? sourceMap!.…
-
1
votes0
answers27
viewsError no npm run watch - Cannot read Property 'install' of Undefined
This error occurs when I make an "npm run watch". When I do an "npm run dev", don’t make this mistake. I’ve reinstalled all npm and it hasn’t solved... some solution?…
-
1
votes1
answer55
viewsDynamic Import with Webpack
In an application Vuejs template Webpack, I need to import a number of SVG’s according to a user’s parameters. The SVG’s are fixed files, but are dynamically loaded into the application. If I import…
-
1
votes3
answers640
viewsHow to use anchor in vuejs/Vue-Loader?
I’m creating a project with vuejs webpack (Vue-Loader) and recently I came across a problem, I can’t anchor any tag, because Vue understands that when using the hash #, you want to direct to a…
-
1
votes1
answer467
viewsGenerate multiple . js files with webpack
I need to create several files. js one for each file . ts, but I don’t know how to configure webpack 2 to do this procedure. var path = require('path'); var ExtractTextPlugin =…
-
1
votes0
answers44
viewsHow to set the images and fonts directory in Laravel-mix?
I am using the Laravel-mix in a personal project, however, without the presence of the Laravel Framework. When I have the files generated, Laravel-mix reads the Sass files and creates a directory…
-
1
votes1
answer586
viewsCreate component to be used via npm
I started working a lot with vue and I started to use it in all projects in the company where I work. And with that, I ended up creating some componentes, in general autocomplete, I know there are…
-
1
votes1
answer270
viewsReact build vs (?) Webpack?
I’m taking a React course. I have an understanding of what React is, and what problem it solves. However when I put in CMD "create-React-app x" it shows some other commands that I can use in this…
-
1
votes0
answers17
viewsRemove "dist" string from build with Webpack
I created a rule in my file webpack.config.js so I can work with sources inside my scss, but when I do the build for production the string to load the file is as: /distfonts/minha_font.woff Where…
-
1
votes1
answer71
viewsI am having the problem with webpack 404 "cannot get". What can it be?
Here my config: var path = require('path'); const webpack = require('webpack'); const publicPath = '/dist/assets/'; module.exports = { entry: './src/index.js', devtool: 'cheap-module-source-map',…
-
1
votes1
answer147
viewsI cannot use Webpack in my project
I’m learning React, and in the videos-classes I’m seeing, he has the global webpack installed: npm i -g webpack was successfully installed. only in the video is created a directory dist archived…
webpackasked 6 years, 4 months ago Rodrigo Jacinto 355 -
1
votes1
answer113
viewswebpack localhost/sockjs.js.map not found
I have the following error regarding Socks.js.map, can anyone help me ? Failed to load Resource: the server responded with a status of 404 (Not Found) installed the latest version of webpack and…
-
1
votes1
answer66
viewsWebpack Reactjs
I am facing problems with my webpack, I get in the terminal this following error: you may need an appropriate Loader to Handle this file type webpack.config.js: var path = require('path'); var…
-
1
votes1
answer307
viewsWebpack + Sass generating style.css
Why the webpack when performing the Extract in the archives .scss, he creates the file Styles.css all right in the folder dist/css, but it removes the quotes and dots from the path of a photo for…
-
1
votes0
answers86
viewsWebpack does not use Babel to sweat
Whenever I build my project, the output is always the file generated by the webpack, with no signals that have passed through Babel. My settings are like this: package.json { "name": "webpack-test",…
-
1
votes1
answer202
viewsDoubt about file generated after using npm run build with Vue-cli + webpack
I’m studying and developing a spa, and I noticed that using the remote npm run build it generates two files app.js and app.map.js I didn’t mean why this file .map someone can explain to me why?…
-
1
votes0
answers125
viewsLoader HTML error in Electron-webpack
I’m looking for a solution to run; Electron and React following an MVC structure. I found the Electron-webpack module that apparently extends over standard webpack. Following the documentation I set…
-
1
votes0
answers92
viewsASP.NET Core NPM and webpack/Gulp
I created a project in Asp.net core using the Empty template (dotnet new web). For what I searched, to add packages like Bootstrap or jquery, we have to use NPM, which is basically to add the…
-
1
votes1
answer327
viewsWEBPACK commands do not work
I installed the webpack with the command npm install webpack -g , but when I try to use the webpack -h or any other of that problem > PS C:\Users\renan\Desktop\Wchat> webpack -h The CLI moved…
-
1
votes2
answers133
viewsHow to import an entire file (javascript) with Webpack?
I started studying Webpack now, managed to use it normally though, when I want to import something from another file I need to give: import {abc} from './my-file.js'; and in the file that was…
-
1
votes1
answer169
viewsAngular: Error in system modules
Hello! My application has stopped compiling, causing problems in general purpose modules. The Crypto module was the first error that appeared, so I looked for a solution to this error. The solution…
-
1
votes0
answers547
viewsI cannot access my Vue CLI project via IP
I start my Vue CLI (webpack template) project from the terminal with npm run dev and initializes everything normal. I can access my web project from localhost or 127.0.0.1, but when I try to access…
-
1
votes0
answers37
viewsI cannot use the functions I exported with the module!
when using export default class in javascript, I’m not getting to use the functions I imported. Return to browser Inspect Follows files: index js. /* global fetch */ import API_URL from './config';…
-
1
votes2
answers520
views'webpack-dev-server' module not found
While trying to execute yarn webpack-dev-server --mode development the following error appears: $ C:\Users\Coding\code\frontend\node_modules\.bin\webpack-dev-server --mode development…
-
1
votes1
answer714
viewsWebpack error (Yarn webpack-dev-server-mode Development)
I’m trying to create my first Reactjs application. When running on the bash terminal of Vscode the following command: yarn webpack-dev-server --mode development The following error appears: $ yarn…
-
0
votes1
answer246
viewsUsing multiple js Vue files in Laravel
Guys I am using Laravel v5.5 to start a personal project and I will use Vue.js, I did not find a very didactic content on the internet, as I do to use other files . js?? for example: /js/login.js…
-
0
votes1
answer428
viewsStart Vue Project from existing template
It is possible to start a project Vue from an existing template? I want to create a template with all the necessary dependencies and initial settings (as well as pages and etc), so that always, when…
-
0
votes1
answer656
viewsHow to configure the webpack file in Laravel?
I’m following several tutorials as you can see below; At 9 minutes and 45 seconds of video. Using Vue.js in an Laravel application At 8 minutes and 12 seconds of video. 1 - CRUD en LARAVEL &…
-
0
votes1
answer82
viewsIgnore Unit test files using jest and webpack
Speak, guys, I’m having a hard time ignoring my test files when I went to build my application. How I set up the Web Pack to ignore test files?
-
0
votes0
answers106
viewsError loading fonts in Vue build (Webpack)
I’m doing the build of my project, and the whole system is loading, minus the sources of iview, in the way dev everything works perfectly, but when generating the build the sources get some square…
-
0
votes1
answer34
viewsWebpack is generating the manifest.js files in a different folder
I’m using the webpack as Vue. When giving npm run build, the manifest.js file is created with the /Static/ path, while the other files are created with the Static path/. So if I put the application…
-
0
votes0
answers237
viewsProject in React doesn’t open on Apple devices
I have a project done with React using Webpack for frontend and Spring Maven for back. I am using JSX files and as a framework Ant Design. The problem is in the fact that on Windows and Android, the…
-
0
votes1
answer23
viewsCreate alias for css Imports
I have a React project that uses typescript and would like to have some way to import css without putting the whole css site path. I would like to avoid such import time: @import…