性能优化：Vue使用CDN

vue打包后部分资源包占用了较大的空间，故通过CDN方式，缩小打包体积。【以ElementUI为例】

 

修改index.html

<!-- 引入VUE -->
<script src="https://unpkg.com/vue@2.6.11/dist/vue.js"></script>
<!-- 引入ElementUI样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入ElementUI组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

 

修改vue.config,js

configureWebpack: {

　　externals: {　　

　　　　// CDN 的 Element 依赖全局变量 Vue， 所以 Vue 也需要使用 CDN 引入

　　　　'vue': 'Vue',

　　　　// 属性名称 element-ui, 表示遇到 import xxx from 'element-ui' 这类引入 'element-ui'的，
　　　　// 不去 node_modules 中找，而是去找 全局变量 ELEMENT
　　　　'element-ui': 'ELEMENT',

　　}

}

 

注：一定要在element-ui前引入vue