如何使用Webpack实现完全缩小？

Question

使用webpack和获取真正缩小的捆绑包时遇到一些麻烦uglify-loader.

这是设置

内容app.js:

var React = require('react');
module.exports = 'just a string';

内容 webpack.config.js

module.exports = {
    context: __dirname,
    entry: './app.js',
    output: {
        path: __dirname,
        filename: 'bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                loader: 'uglify',
            }
        ]
    }
};

问题

通过观察bundle.js,我们可以看到只发生了部分缩小.该文件长1055行,并填充了一堆/******/.

如何使用webpack实现真正的缩小？使用uglify-loader不是强制性的.

Answer 1

您可以使用webpack中的UglifyJsPlugin; 您在webpack配置文件的plugins部分中指定它:

  var webpack = require('webpack');
     plugins: [
         new webpack.optimize.UglifyJsPlugin({
             compress: {
                 screw_ie8: true,
                 warnings: false
             }
         })
     ]

有关UglifyJsPlugin的更多信息,它可以最大限度地减少块的所有JavaScript输出. https://webpack.github.io/docs/list-of-plugins.html