今天在写路由组件的时候,异步引入的时候,不经意发现一个不起眼的注解webpackChunkName
经过搜索发现,webpackChunkName 是为预加载的文件取别名,作用就是webpack在打包的时候,对异步引入的组件进行分包(需要配置webpack的SplitChunkPlugin插件),相同名字的会分到一个包里面
import异步加载的写法实现页面模块lazy loading懒加载(Vue中的路由异步加载),Vue中运用import的懒加载语句以及webpack的语法注释,在项目进行webpack打包的时候,对不同模块进行代码分包,在首屏加载时,用到哪个模块再加载哪个模块,实现懒加载进行页面的优化