什么是chunk-splitting-plugin？
在使用webpack进行打包时，很多时候我们需要对应用程序进行代码分割，这样可以增加应用程序的加载速度。chunk-splitting-plugin是一款可以完成这个目标的npm包。
chunk-splitting-plugin可以将应用程序的代码分割成多个小的代码块，这些小的代码块可以并行加载，这样可以让应用程序的加载速度更快。
安装步骤
首先，你需要安装chunk-splitting-plugin：
npm install chunk-splitting-plugin
然后，在webpack配置文件中使用以下代码：
-- -------------------- ---- -------
----- -------------------- - ----------------------------------
-------------- - -
---
-------- -
--- ----------------------
--
---
--如何使用chunk-splitting-plugin？
使用chunk-splitting-plugin可以通过配置webpack的optimization属性来完成。在优化属性中，设置splitChunks属性可以完成代码分割的操作：
optimization: {
splitChunks: {
chunks: 'all'
}
},这段代码的意思是将所有的代码都分割到不同的块中，例如CSS、JS、图片等等。
示例代码
-- -------------------- ---- -------
-- -----------------
----- ---- - ----------------
----- ----------------- - -------------------------------
----- -------------------- - ----------------------------------
-------------- - -
------ -
------ -----------------
-------- --------------------------
--
------- -
--------- ------------------------
----- ----------------------- --------
--
-------- -
--- -------------------
------ ----- -----------
---
--- -----------------------
--
------------- -
------------ -
------- -----
-
--
--结论
chunk-splitting-plugin是用于webpack的代码分割工具，它可以将应用程序的代码切割成小的代码块，然后并行加载，从而提升应用程序的加载速度。使用chunk-splitting-plugin可以通过webpack配置文件的optimization属性来完成，优化属性中的splitChunks属性可以实现代码分割的操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600578cb81e8991b448eb02f