Webpack 4使用mode = development优化-最小化忽略

Question

我曾经使用过3种不同版本的Webpack 3：

1. 完整的调试版本，其中的代码未压缩且类似于mode = development。

2. 类似于build = development的测试版本，但它使用缩小的代码来减小包装尺寸。

3. 一个基本与mode = production和-p标志相同的产品。

我遇到的麻烦是将我的“测试”构建复制到我的捆绑软件的开发版本中（主要是为了保持反应开发工具），但捆绑软件的大小几乎接近于生产版本。

这是我所拥有的：

NODE_ENV='development' webpack --optimize-minimize --mode=development

这不再起作用，因为optimize-minimize标志被忽略，因此我的包很大。

Answer 1

使用webpack.config.js文件，并确保在优化过程中最小化设置为true。

optimization: {
        minimize: true,
        minimizer: [new TerserPlugin({
            terserOptions: {
              mangle: true, // Note `mangle.properties` is `false` by default.
            },
        })],
},