vue-cli3 使用cdn 加速

1,890 阅读1分钟

vue-cli 应用如何使用cdn,可以减小打包后js的大小,增加访问速度? vue.js和element-ui,axios都可以使用cdn加速,只需两处更改:

1.修改html页面,增加代码:

<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>  
<script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.13.2/index.js"></script>  
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script>

2.修改vue.config.js

 module.exports = {
  //add
  configureWebpack: {
    externals: {
      'vue': 'Vue',
      'element-ui': 'ELEMENT',
      'axios': 'axios',
    }
  }
}