webpack4--按需加载

Posted 2022-10-02 buxiugangzi

在做单页面应用的过程中，通常利用webpack打包文件，将依赖的外部问价单独打一个vendor.js。这样就会有个问题，这个文件会随着你引用的包的增多，体积会越来越大。在路由中利用import 引用文件可以将路由文件单独打包成小块的文件。

同样在引用比如 echarts 等文件的时候 可以利用 import（）来做异步加载，这样就会将该文件从vendor.js 中脱离出来，在用到的时候加载。能够使用户的体验更好。尤其是首屏的加载。