如何在 Webpack 中执行代码分割

如何在 Webpack 中执行代码分割

代码分割
一切都还不错，直到有一天遇到不能以单文件形式下载整个应用的情况。有时候你必须在应用程序中使用多个打包的脚本。
这就是需要对代码进行分割的地方。通过将应用程序拆解成多个部分，你才可以按照用户当前操作提供应用程序中相关的部分。
提到最小的单包，Webpack 通常最后来处理文件大小，但这往往不是恰当的时机。Rollup 在这方面就好得多，但它对代码分割的支持则较弱。
Webpack 各分块文件的大小总和会超出单个 Rollup 打包出来的文件的大小，但这在你的应用中很可能不是什么问题。
如果你根据需求来对 Webpack 产生和各个包进行懒加载，那么用户最终下载的内容可能只是完整 Rollup 生成的包文件的一部分。
最终，更小更有针对性的打包会比单包给用户带来更多好处。当然如果你的应用中没什么机会用以懒加载，这些好处就不存在。