Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 4优化最小化忽略模式=开发_Webpack - Fatal编程技术网

Webpack 4优化最小化忽略模式=开发

Webpack 4优化最小化忽略模式=开发,webpack,Webpack,我曾经使用Webpack 3,其中我有3个不同的版本: 一个完整的调试构建,其中代码未统一,并且与mode=development类似 一种测试构建,它类似于mode=development,但它使用小型代码来实现较小的包大小 基本上与mode=production和-p标志相同的prod构建 我遇到的问题是复制我的“测试”构建,我有一个捆绑包的开发版本(主要是为了保留react开发工具),但捆绑包的大小几乎接近我的生产构建 以下是我所拥有的: NODE_ENV='development' we

我曾经使用Webpack 3,其中我有3个不同的版本:

  • 一个完整的调试构建,其中代码未统一,并且与mode=development类似

  • 一种测试构建,它类似于mode=development,但它使用小型代码来实现较小的包大小

  • 基本上与mode=production和-p标志相同的prod构建

  • 我遇到的问题是复制我的“测试”构建,我有一个捆绑包的开发版本(主要是为了保留react开发工具),但捆绑包的大小几乎接近我的生产构建

    以下是我所拥有的:

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

    这不再起作用,因为优化最小化标志被忽略,因此我的包相当大。

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

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