结合vue异步组件特性和webpack的code spliting特性实现路由懒加载
- 使用动态import语法(添加syntax-dynamic-import插件)引入组件
- 在webpack配置文件中的output中添加chunkFilename
- 因为动态import()打包出来文件的name是按照0,1,2…依次排列,如0.js、1.js等,有的时候我们希望打包出来的文件名是打包前的文件名称
- 在动态import()代码处添加注释webpackChunkName告诉webpack打包后的chunk的名称,就可以实现:按需引入组件,提高网页性能