Webpack 4 - How to configure minimize?

小开

您应该选中 p选项: https://webpack.js.org/guides/production/#cli-alternatives: 这个标志告诉 Webpack 为生产环境优化构建。您可以将它与新的“生产”mode一起用于较小的构建。

小开

最佳答案

不可能修改默认配置。

但是，您可以使用 optimization.minimizer设置来实例化自己的 UglifyJsPlugin。使用4.0，我们使用这个例子来获取源地图，即使当 mode被设置为 'production'时(在4.1.1时不再需要) :

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');


module.exports = {
optimization: {
minimizer: [
// we specify a custom UglifyJsPlugin here to get source maps in production
new UglifyJsPlugin({
cache: true,
parallel: true,
uglifyOptions: {
compress: false,
ecma: 6,
mangle: true
},
sourceMap: true
})
]
}
};

小开

快跑:

yarn add uglifyjs-webpack-plugin --dev

参考文献: 阿方索 · 佩雷斯答案

小开

For those coming behind me, realized this misleading error was not related to my correct webpack config, but actually, the offline-plugin was out of date and causing this issue. It needed to be upgraded. See github issue: https://github.com/webpack-contrib/uglifyjs-webpack-plugin/issues/234#issuecomment-369134047

小开

你可以试试这个

npm install uglifyjs-webpack-plugin --save-dev

Webpack.config.js

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');


module.exports = {
optimization: {
minimizer: [new UglifyJsPlugin()],
},
};

webpack documentation

小开

不需要添加 uglifyjs-webpack-plugin，只需要将它添加到 webpack.prod.config.js文件的末尾:

 optimization: {
minimize: false
}