在现代前端开发中，Webpack 是最常用且最流行的构建工具之一。但是由于其构建速度较慢，开发者需要对其进行并行化处理以提高性能。而随着更多前端工程师的加入，npm 上也涌现出了许多优秀的 Webpack 插件和工具。其中，parallel-webpack-ng 便是一款能够自动将 Webpack 构建并行化的 npm 包。
下面将详细介绍 parallel-webpack-ng 的使用方法，包括安装、配置和运行等方面的内容，并相应附上示例代码供参考。
安装
在使用 parallel-webpack-ng 之前，首先需要使用 npm 安装它：
npm install parallel-webpack-ng --save-dev
配置
在完成安装之后，需要更新 Webpack 的配置文件。下面是一个基本的 Webpack 配置文件，我们将在此基础上添加 parallel-webpack-ng 插件：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------- - -------------------
-------------- - -
------ -----------------
------- -
----- ----------------------- --------
--------- ----------
--
------- -
------ -
-
----- --------
-------- ---------------
---- -----------------
--
--
--
-------- -
--- -------------------------
--
--在此基础上，我们可以将 parallel-webpack-ng 插件添加进 plugins 数组中，如下所示：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------- - -------------------
----- --------------- - ------------------------------
-------------- - -
------ -----------------
------- -
----- ----------------------- --------
--------- ----------
--
------- -
------ -
-
----- --------
-------- ---------------
---- -----------------
--
--
--
-------- -
--- -------------------------
--- ------------------
--
--运行
在完成配置之后，可以使用以下命令运行 Webpack：
webpack --watch
这里的 --watch 标志允许 Webpack 监听文件更改并自动重新编译。启动 Webpack 后，parallel-webpack-ng 插件将自动检测您的处理器数量并启动多个 Webpack 进程，以充分利用计算机资源并加速构建过程。
示例代码
下面是一个完整的示例代码，它将演示如何使用 parallel-webpack-ng 插件来优化 Webpack 构建速度：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------- - -------------------
----- --------------- - ------------------------------
-------------- - -
------ -----------------
------- -
----- ----------------------- --------
--------- ----------
--
------- -
------ -
-
----- --------
-------- ---------------
---- -----------------
--
--
--
-------- -
--- -------------------------
--- ------------------
--
--结论
使用 parallel-webpack-ng 可以将 Webpack 构建过程进行并行化处理，而不是像普通情况下串行化。这样一来，Web 程序员可以极大的提高构建速度，缩短开发周期并节省时间和资源。同时，使用并行化处理工具也有一定的复杂度，需要对其进行深度学习和指导，才能取得良好的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005596681e8991b448d6e7c