wn2-postpackager-loader 是一个基于 webpack 的打包工具，它可以用来优化前端页面的加载速度。它可以将多个小文件打包成一个大文件、压缩文件大小、延迟加载等等。
安装
打开命令行工具，输入以下代码安装 wn2-postpackager-loader。
npm install wn2-postpackager-loader --save-dev
使用
要使用 wn2-postpackager-loader，需要在 webpack 的配置文件中进行如下配置。
-- -------------------- ---- -------
-------------- - -
-- ---
------- -
------ -
-
----- --------------
---- ----------------------------
--
--
--
--这里我们针对 js 和 jsx 文件进行配置，如果你想对其他类型的文件进行打包，也可以相应地进行调整。
参数
wn2-postpackager-loader 还支持一些参数配置，可以根据自己的需求进行设置。下面是常用的参数及其含义。
lazy是否启用延迟加载，默认为true。entriesPerChunk每个打包的块中包含的入口模块数量，默认为3。loaders自定义加载器列表，默认为["css-loader", "url-loader"]。postPackager自定义后处理器，默认为空。
示例
下面是一个具体的示例，我们将对项目中的所有 jsx 文件进行打包。
-- -------------------- ---- -------
-------------- - -
-- ---
------- -
------ -
-
----- --------------
---- -
-
------- --------------------------
-------- -
----- -----
---------------- --
-------- -------------- ---------------
------------- -------- ------------ -
-- -------
------------------------
------ -----------
--
--
--
--
--
--
--
--总结
通过本文的介绍，相信大家已经了解了 wn2-postpackager-loader 的基本用法和参数配置。在实际项目中，我们可以根据自己的需求进行相应的配置，从而达到优化页面加载速度的目的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671108dd3466f61ffe30e