前言
webpack-parallel-uglify-plugin-2 是一个用于前端打包工具 webpack 的插件，可以帮助我们压缩 JavaScript 代码，提高打包速度。它是由 Root 任职公会 开发的，目前已经有很多前端团队在使用了。
本文将详细介绍如何使用 webpack-parallel-uglify-plugin-2，包括安装、配置以及使用注意事项等，希望对大家有所帮助。
安装
首先我们需要安装 webpack-parallel-uglify-plugin-2：
npm install webpack-parallel-uglify-plugin-2 --save-dev
配置
在使用 webpack-parallel-uglify-plugin-2 之前，我们需要先进行配置。
引入插件
在 webpack 的配置文件中引入 webpack-parallel-uglify-plugin-2 插件，如下所示：
const ParallelUglifyPlugin = require('webpack-parallel-uglify-plugin-2');配置插件
在 plugins 数组中添加 ParallelUglifyPlugin 插件，如下所示：
-- -------------------- ---- -------
-------- -
--- ----------------------
-- --- -------- ---
--------- -
------- -
--
- ------
--
--------- ------
--
- -------
--
--------- -----
--
--------- -
--
- -------------
--
-------------- -----
--
- -----------------------
--
------------ ----
-
-
--
-在配置中，我们可以通过 uglifyJS 来传递参数给 UglifyJS 压缩代码。
使用
在完成配置后，我们就可以使用 webpack-parallel-uglify-plugin-2 了。
压缩代码
webpack-parallel-uglify-plugin-2 默认会在构建时自动压缩代码，我们不需要进行额外的操作。
提高构建速度
webpack-parallel-uglify-plugin-2 可以为我们的代码压缩工作分配多个线程，从而提高构建速度。我们只需要在命令行中添加以下参数即可：
--parallel
示例代码如下：
webpack --config webpack.config.js --mode production --parallel
注意事项
在使用 webpack-parallel-uglify-plugin-2 时，需要注意以下几个问题：
- webpack-parallel-uglify-plugin-2 只有在 production 模式下才会开启；
- 如果你要对压缩后的代码进行调试，则需要对 uglifyJS 的参数进行修改；
- 由于并行压缩会导致占用更多的 CPU 和内存资源，因此建议在使用时适量调整并发数量，避免出现意外结果。
总结
本文介绍了如何使用 webpack-parallel-uglify-plugin-2 进行代码压缩，从安装到配置以及使用的注意事项都进行了详细的描述。希望这篇文章能帮助大家更好地使用 webpack-parallel-uglify-plugin-2，提高代码压缩效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/63070