We are migrating to webpack 4. We do have dev / prod config files already. We started getting this warning message:
WARNING in configuration The 'mode' option has not been set. Set 'mode' option to 'development' or 'production' to enable defaults for this environment.
We can get around this by passing --mode production in the cmdline like below:
npm run webpack --mode development ...
As is mentioned on the webpack documentation, blog and everywhere else on the internet. How can we set the config in the config file? Simply putting a mode: development under modules won't work. Just a bit frustrated why the documentation is just missing...
Set 'mode' option to 'development' or 'production' to enable defaults for this environment. We can get around this by passing --mode production in the cmdline like below: npm run webpack --mode development ... As is mentioned on the webpack documentation, blog and everywhere else on the internet.
Webpack generates the bundle in different ways based on the mode type. In development mode, the bundle will be more verbose with comments. In production mode, Webpack does everything to use the bundle for production. It includes minification of the bundle file and other optimizations.
Providing the mode configuration option tells webpack to use its built-in optimizations accordingly.
Webpack v4+ will minify your code by default in production mode . Note that while the TerserPlugin is a great place to start for minification and being used by default, there are other options out there: ClosureWebpackPlugin.
I was looking to the same answer right now, for me it seems that adding the property to the config file do the job.
module.exports = { // ... mode: 'development' };
Per the Webpack docs:
new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify('development'), });
Even better: (you can pass in the variable via the command line or an npm script)
new webpack.DefinePlugin({ 'process.env': { NODE_ENV: JSON.stringify(process.env.NODE_ENV), }, }),
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With