代码分离是 webpack 中最引人注目的特性之一。此特性能够把代码分离到不同的 bundle 中,然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的 bundle,以及控制资源加载优先级,如果使用合理,会极大影响加载时间。

常用的代码分离方法有三种:

入口起点:使用 entry 配置手动地分离代码。
防止重复:使用 Entry dependencies 或者 SplitChunksPlugin 去重和分离chunk。
动态导入:通过模块的内联函数调用来分离代码。

 

posted on 2022-05-04 17:35  weakup  阅读(31)  评论(0编辑  收藏  举报