webpack vue 异步组件加载 按需加载

vue

webpack分包：减少首屏加载时间-路由懒加载

1. 使用webpack中的syntax-dynamic-import 插件

      npm install --save-dev babel-plugin-syntax-dynamic-import

2. 配置.babelrc文件（若没有，则新建这个文件，和package.json同级）

     {

         "plugins": ["syntax-dynamic-import"]

     }

3. Vue-route提供语法：

将import Foo from '@pages/foo' 修改为如下方式：

const Foo = () => import(@pages/foo')

最后：
参考vue官网的 动态组件 & 异步组件

推荐一篇不错的文章：
vue项目实现按需加载的3种方式：vue异步组件、es提案的import()、webpack的require.ensure()