uglifyjs不缩小文件（Webpack）

Question

我一直在尝试通过webpack使用uglify选项，但是结果页面的大小却保持不变，没有缩小。我尝试了以下操作，

webpack.config

 var webpack = require('webpack'); const Uglify = require("uglifyjs-webpack-plugin"); module.exports = { entry: __dirname + '/app/index.js', module: { rules: [ { test: /\\.js$/, exclude: /node_modules/, loader: 'babel-loader' } ] }, output: { filename: 'whattoname.js', path: __dirname + '/build' }, plugins: [ new Uglify() ] }; 

1. 我试图将模式设置为生产
2. 使用webpack -p命令运行构建
3. 同样使用--optimize-minimizer命令

最终文件的大小保持不变。 我在这里想念什么吗？

Answer 1

我有一个类似的问题，要解决该问题，我建议移至内置的webpack丑陋者，如以下示例所示（不需要丑陋者依赖）：

var webpack = require('webpack');

module.exports = {
    entry: __dirname + '/app/index.js',
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                loader: 'babel-loader'
            }
        ]
    },
    output: {
        filename: 'whattoname.js',
        path: __dirname + '/build'
    },
    plugins: [
        new webpack.optimize.UglifyJsPlugin({
            minimize: true
         })
    ]
};

如果这样做不能解决您的问题，建议采取以下几种措施：

• 清理您的dist并重新编译以确保文件实际上正在写入dist

• 检查dist代码，检查其是否丑陋。 您的项目可能已经在其他地方对文件进行了丑化处理，这意味着经过丑化处理后的文件大小不会更改

• 将include: /\\.js$/字段添加到webpack.optimize.UglifyJsPlugin以精确指定目标文件

至于是什么原因造成了这个问题。 我会建议阅读张贴了这个评论这里