vue之router路由最优美写法，懒加载、打包代码分离。

https://www.jianshu.com/p/ba7e2f436c16

五、最优官方，懒加载和打包分离代码。（【官方推荐】按需加载+js打包分离）
vue官方的一种方法，import()方法和增加webpackChunkName。
1.需要安装 cnpm i -s @babel/plugin-syntax-dynamic-import
2.配置webpack，在webpack-base-conf.js的output加入chunkFilename: ‘[name].js’

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  routes: [
     {
       path: '/',
       name: 'HelloWorld',
       component: () => import(/* webpackChunkName: "HelloWorld" */ '@/components/HelloWorld')
     }
  ]
})