Questions tagged [webpack-3]

Version 3 of the Webpack bundler. Webpack takes modules with dependencies and generates static assets representing those modules.

About

Released in June 2017. Migrating from Webpack 2 to 3 should involve no effort beyond running the upgrade commands in your terminal.

New Features

  • Scope Hoisting
  • Dynamic Import Syntax

Links

GitHub

183 questions
0
votes
0 answers

Webpack 4. Set 'mode' option to 'development' or 'production' to enable defaults for this environment

I have begin receive an error from webpack after update from webpack 3 to webpack 4 version - WARNING in configuration The 'mode' option has not been set. Set 'mode' option to 'development' or 'production' to enable defaults for this…
Max Travis
  • 1,228
  • 4
  • 18
  • 41
0
votes
1 answer

How to run a webpack plugin after the build?

webpack-version-file This particular webpack plugin can't create needed directory. But once directory is there, after the previous build for example, it runs ok. Is there a way to run the webpack plugin after the build?
Joesy_Mosk
  • 123
  • 1
  • 9
0
votes
1 answer

How can I require arbitrary local script within a webpack app during runtime?

I'm trying to load some arbitrary modules during runtime which are not available during build time. Think of plugins which are only required at runtime. So something like: require(plugin_dir + '/plugins.js') needs to be loaded but webpack complains…
three
  • 8,262
  • 3
  • 35
  • 39
0
votes
0 answers

What to do with webpack-dev-server when deploying for production?

I did a simple and static web-app following Material-Design-Components Get started guide, but deployment is not covered there. The project works locally and in Goggle Cloud Shell without any issue and now I want to deploy and publish the web. What…
chimos
  • 664
  • 2
  • 14
  • 34
0
votes
2 answers

Split vendor bundle

My vendor bundle is getting really big and I want to split into 2 parts. (One part with all the react related packages, and the other with the rest of the packages). What I currently have to create the vendor bundle is: new…
Metarat
  • 579
  • 2
  • 7
  • 20
0
votes
1 answer

How can I load "jquery-1.4.2" as a module in webpack without modifying its source

I want to include jquery-1.4.2 in parallel with jquery-3.x. I have aliased the paths of both scripts as: jquery1/jquery3 For jquery-3.x the code below works: require("imports-loader?jQuery=jquery3!app/some.jquery.myplugin"); But If i do the same…
Marinos An
  • 9,481
  • 6
  • 63
  • 96
0
votes
1 answer

Transpiled ES5 not recognized by Firebase Cloud Functions: firebase is undefined

A bit of an introduction, currently (at the time I wrote this) Firebase functions does not support features like async and await from a more recent version of node. I am trying to overcome this by transpiling my code to the node version they…
0
votes
0 answers

Converting an existing HTML to React using Webpack

I just finished learning ReactJS and was trying to go start learning webpack. I was curious if I could turn my existing website (server-side) structure into react type website (SPA). But my only issue is that I am using a lot of vendor js and css…
Kamil Kamili
  • 1,757
  • 5
  • 24
  • 39
0
votes
1 answer

Webpack 3 'Uncaught ReferenceError: jquery is not defined'

I'm trying to add jQuery in the bundle, so far webpack 3 is not making it easy, i've seen the question asked several times, and none of the answers worked. I added all the parts that are supposed to make this work In webpack.config.js externals:…
Omar Awamry
  • 1,462
  • 3
  • 15
  • 29
0
votes
0 answers

webpack 3 Error Cannot resolve 'file' or 'directory'

I'm trying to make a boilerplate with the newest packages(please don't post a link to a "really good boilerplate", my needs are very specific). I'm trying to upgrade and use webpack 3, I followed the instruction to migrate, I've reach a dead…
Omar Awamry
  • 1,462
  • 3
  • 15
  • 29
0
votes
1 answer

Webpack favicons into different folder

I have two folders src/images/ and src/images/icons. All favicons are in png format. In src/images/icons I put all the favicons for different devices, which I want to be webpacked to wwwroot/images/icons and all other images to wwwroot/images. How…
Legends
  • 21,202
  • 16
  • 97
  • 123
0
votes
1 answer

The array of objects displayed in the p-table is not displayed in original order when row grouping

The array of objects displayed in the p-table(TurboTable) is not displayed in original order when row grouping. The data sent to the table are note rendered in exact order .ts export class AppComponent implements OnInit { cars: any[]; sales:…
Vignesh
  • 2,378
  • 3
  • 25
  • 48
0
votes
1 answer

JavaScript file size over 1.4 MB after executing webpack

Using "lodash": "^4.17.5", Why is Lodash that big after doing : webpack ? It looks like the sourceMapping is bloating the file... sourceURL=[module]\n//…
Legends
  • 21,202
  • 16
  • 97
  • 123
0
votes
1 answer

Static assets not found in Webpack 3

I am used to Gulp and I’m totally new in Webpack and Vue.js and I’m lost under all the necessary configuration I can’t manage to use assets like images of fonts in my app. Whether I call them in a .vue component or inside my .scss files. Here’s my…
ChucKN0risK
  • 395
  • 2
  • 7
  • 18
0
votes
1 answer

Webpack index.html link css import

I have webpack project. I want in my index.html file to add a link to css from a package. For example :
user3712353
  • 3,931
  • 4
  • 19
  • 33