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()
    ]
};

我尝试将模式设置为生产
使用webpack -p命令
还使用--optimize-minimizer命令

结束文件的大小保持不变。我在这里错过了什么吗？

Answer 1

我遇到了类似的问题，要解决我建议转移到内置webpack uglifier的问题，如下例所示（不需要uglifier依赖）：

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代码，检查它是否显示为uglified。您的项目可能已经在其他地方弄乱了文件，这意味着uglification后的文件大小不会改变
将include: /\.js$/字段添加到webpack.optimize.UglifyJsPlugin以准确指定目标文件

至于是什么导致了这个问题。我建议阅读发表here

的评论

uglifyjs没有缩小文件（Webpack）

1 个答案: