打包优化

1、打包 vender 时不打包 vue、vuex、vue-router、axios 等，然后连上自己本地的路径

在 build/webpack.base.conf.js 文件里加上 externals ,不需要打包的文件就放写在这里，然后在 index.html 外连上这些库

  externals: {//不打包的
    'vue': 'Vue',
    'vue-router': 'VueRouter',
    //'vuex': 'Vuex',
    'axios': 'axios',
    'echarts': 'echarts'
  },

顺便记录一个连接后面加入版本号

在 webpack.prod.conf.js 文件里 ，自己获取一个时间加在后面就可以了

2、路由懒加载

官方 https://router.vuejs.org/zh-cn/advanced/lazy-loading.html

import Home from './components/home.vue'
const HomeTest = () => import('./components/home2.vue')   // 组件写成这样，其它不变

会出现的问题：

打包出来后组件的路径不对（注：懒加载已经把组件分一个个 JS 文件，然后用到的时候再去请求）

修改配置文件 config/index.js 里的 assetsPublicPath 的值，如以下最后的地址就是 /static/js/xxx.js(组件)