vue使用cdn加速优化项目

webpack会将所有的依赖包都生成并打包到js/chunk-vendors.97b0334e.js中，这样会导致这个包的体积过大，在加载的时候会有延时。
解决办法：
通过externals加载外部CDN资源：
1、复制一份main.js改名为main-prod.js。注意：这个优化是项目结束时做的事，不要一开始就进行优化。
2、vue.config.js：（当为发布模式时，使用main-prod.js文件，并且设置externals）

chainWebpack: config => {
    // 发布模式
    config.when(process.env.NODE_ENV === 'production', config => {
      config
        .entry('app')
        .clear()
        .add('./src/main-prod.js')
      // 通过externals加载外部CDN资源----1
      config.set('externals', {
        vue: 'Vue',
        'vue-router': 'VueRouter',
        axios: 'axios',
        lodash: '_',
        echarts: 'echarts'
      })
    })
    // 开发模式
    config.when(process.env.NODE_ENV === 'development', config => {
      config
        .entry('app')
        .clear()
        .add('./src/main.js')
    })
  },

3、public/index.html中引入对应的css文件和js文件：

image.png