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')