Vue.js 缩小打包文件体积

1. config\index.js 中将 productionSourceMap: true 改为 productionSourceMap: false 将不生成map文件

2. 使用第三方CDN加载库文件：

• 为了防止将库文件加入打包，先在 build\webpack.base.conf.js 文件中的module.exports = { } 添加 externals 如下：

module.exports = {
  // ...
  externals: {
    // 前面 key 是引用的第三方库名字，后面的 value 是在项目中用的别名?
    'vue': 'Vue',
    'vue-router': 'VueRouter',
    'vuex': 'Vuex',
    'axios': 'axios',
    'element-ui': 'ELEMENT',
    'mapbox-gl': 'mapboxgl'
  }
  // ...
}

• 然后在根目录下的 index.html 中正常引入需要的库文件

3. 路由懒加载

{
    path: '/login',
    name: 'login',
    // 路由懒加载
    component: (resolve) => require(['@/views/Login'], resolve),
    meta: {
        LoginRequire: false
    }
}