前言
在前端开发中，代码优化是一个重要的环节。其中，压缩 JavaScript 代码可以减小文件体积，从而提高加载速度。webpack-uglify-parallel 是一个可以对 JavaScript 代码进行并行压缩的 npm 包，能够显著提高代码压缩的速度。本文将为大家介绍如何使用 webpack-uglify-parallel 进行代码压缩。
安装
在使用 webpack-uglify-parallel 之前，需要首先安装 webpack。在安装 webpack 后，可以通过以下命令安装 webpack-uglify-parallel：
npm install webpack-uglify-parallel --save-dev
配置
在 webpack 的配置文件中，使用 webpack-uglify-parallel 的方式与使用 webpack 自带的 UglifyJSPlugin 非常相似。
首先，需要在配置文件中引入 webpack-uglify-parallel：
const UglifyParallelPlugin = require('webpack-uglify-parallel');然后，需要在 plugins 中实例化 UglifyParallelPlugin：
-- -------------------- ---- -------
-------- -
--- ----------------------
-------- -----------------
------- -----
----------- -
--------- ------
------------- -----
-------------- ----
-
--
-其中，workers 表示使用的 worker 的数量，即并行压缩的进程数。为了充分利用 CPU，在实际使用时可以设置为 os.cpus().length，即 CPU 的核心数。
mangle 表示是否混淆变量名。默认为 true。
compressor 是 UglifyJS 的一些配置项，可以根据项目实际需要进行设置。其中，warnings 表示是否禁用警告信息；drop_console 表示是否删除 console.log() 语句；drop_debugger 表示是否删除 debugger 语句。
示例
现在，假设有一个简单的 webpack 配置，如下所示：
-- -------------------- ---- -------
----- ---- - ----------------
-------------- - -
------ -----------------
------- -
--------- ------------
----- ----------------------- -------
-
--其中，src/index.js 的代码如下：
console.log('Hello, World!');在原本的 webpack 配置中使用 UglifyJSPlugin 进行代码压缩的代码如下：
-- -------------------- ---- -------
----- ---- - ----------------
----- -------------- - -----------------------------------
-------------- - -
------ -----------------
------- -
--------- ------------
----- ----------------------- -------
--
-------- -
--- ----------------
-
--使用 webpack-uglify-parallel 进行代码压缩的代码如下：
-- -------------------- ---- -------
----- -- - --------------
----- ---- - ----------------
----- -------------------- - -----------------------------------
-------------- - -
------ -----------------
------- -
--------- ------------
----- ----------------------- -------
--
-------- -
--- ----------------------
-------- -----------------
------- -----
----------- -
--------- ------
------------- -----
-------------- ----
-
--
-
--结语
使用 webpack-uglify-parallel 进行代码压缩可以减小文件体积，提高页面加载速度，并且加快代码压缩的速度。在实际使用中，可以根据项目实际需要进行配置，充分利用 CPU 进行并行压缩。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/69569