webpack分包：vue单页面解决分包【减少首屏加载时间】--按需加载[路由懒加载]  

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 Test from '@pages/test'

const Test = () => import(@pages/test')

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 Test from '@pages/test'

const Test = () => import(@pages/test')