在前端开发中，使用 webpack 构建项目已经成为了标配，webpack 可以将项目的各个模块打包成一个整体，而 webpack-mild-compile 则是 webpack 的一个插件，它可以加速 webpack 的编译过程，提高项目的构建速度。
安装
在使用 webpack-mild-compile 之前，需要先安装 webpack，可以使用以下命令进行安装：
npm install webpack --save-dev
然后安装 webpack-mild-compile：
npm install webpack-mild-compile --save-dev
使用
在使用 webpack 时，只需要将 webpack-mild-compile 作为插件引入即可。
webpack.config.js
-- -------------------- ---- -------
----- ------------------ - --------------------------------
-------------- - -
-------- -
--- --------------------
--------- -----
--------- -------
----------- -----
---------- ----
---
--
--在以上例子中，将 webpack-mild-compile 作为插件引入，同时进行了一些参数配置：
progress: true：显示编译进度；logLevel: 'warn'：只显示警告级别以上的日志；minModules: 1000：只有当编译模块数超过 1000 个时才使用轻量编译（mild compile）；minAssets: 500：只有当输出资源数量超过 500 个时才使用轻量编译。
命令行参数
webpack-mild-compile 还支持一些命令行参数，例如：
webpack --mild --refresh-rate 2000
以上命令启用轻量编译，每 2 秒钟检查一次文件系统来判断是否需要重新编译。
示例代码
-- -------------------- ---- -------
----- ----------------- - -------------------------------
----- ------------------ - --------------------------------
-------------- - -
------ -----------------
------- -
--------- ------------
----- --------- - --------
--
-------- -
--- -------------------
--------- -------------------
---
--- ---------------------
--
--以上例子使用了 HtmlWebpackPlugin 来生成 HTML 文件，并启用了 webpack-mild-compile 来加速编译过程。在命令行中使用 webpack 命令可以进行项目的构建。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671058dd3466f61ffdda3