javascript - 只最小化一个 Webpack block

Question

我想在生产环境中尽量减少我的 Javascript 代码。但是我不想最小化 vendor 的代码，因为他们已经有了最小化版本。

我当前的 webpack.config.js 将输出代码分成两 block 。

module.exports = {

    entry: {
        vendor: ['jquery','angular'],
        app: ['./Client/app.start.js']
    },
    output: {
        filename: 'bundle.js',
        path: __dirname
    },

    resolve : {
        alias : {
            'angular' : 'angular/angular.min.js',
            'jquery'  : 'jquery/dist/jquery.min.js'
        }
    },

    plugins: [
        new webpack.optimize.CommonsChunkPlugin("vendor", "vendor.bundle.js"),
        new webpack.optimize.UglifyJsPlugin({minimize: true})
    ]
}

当我运行 >> webpack 时，两个 block (“bundle.js”和“vendor.bundle.js”)都被最小化了。如何配置 Webpack 以仅最小化“bundle.js”？

谢谢

Answer 1

如果出于某种原因，您真的只想缩小一个包，您可以使用 UglifyJsPlugin 的 test 选项。使用包名称并且不要使用正则表达式测试单个模块，因为当代码被 UglifyJsPlugin 使用时它已经被捆绑了。

new webpack.optimize.UglifyJsPlugin({
    compress: { warnings: false },
    test: /(vendor.bundle.js\.js)+/i
})

查看文档:https://webpack.github.io/docs/list-of-plugins.html#uglifyjsplugin

test, include, exclude (RegExp|Array): configure filtering of processed files (default: test: /.js($|\?)/i)