并行化webpack模块

Question

我使用当前的uglify模块，如下所示

uglifyPlugin = new webpack.optimize.UglifyJsPlugin({
        sourcemaps: false,
        compress: {
            warnings: false
        }
    }),

 plugins: [
            commonsPlugin,
            dedupePlugin,
            uglifyPlugin,
            fnCaseSensitivityPlugin,
            sourceMapPlugin,
            fnDonePlugin
        ]

我想使用并行uglifyPlugin，我该怎么做？https://www.npmjs.com/package/webpack-parallel-uglify-plugin

我很困惑

Answer 1

首先使用npm安装插件。

npm install --save-dev webpack-parallel-uglify-plugin

然后在webpack.config.js文件中替换当前正在使用的uglify插件。

const ParallelUglifyPlugin = require('webpack-parallel-uglify-plugin');
const parallelUglifyPlugin = new ParallelUglifyPlugin({});

module.exports = {
  plugins: [
    commonsPlugin,
    dedupePlugin,
    parallelUglifyPlugin, // <-- new plugin
    fnCaseSensitivityPlugin,
    sourceMapPlugin,
    fnDonePlugin
  ]
};