uglifyjs不缩小档案(Webpack)

Question

我一直试着用webpack的丑陋选项，但是我得到的页面大小没有缩小，我尝试了以下几点，

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. 也可以使用-优化最小化命令。

结束文件的大小保持不变。我是不是漏掉了什么？

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中，以精确指定目标文件

是什么导致了这个问题。我建议你读一下这里上的评论