vue项目打包后vendorjs太大，项目访问速度慢,设置webpack不打包的js

问题：

vue项目打包后，vendor.js 达到800多KB太大， 服务器慢需要加载十几秒

解决：

通过使用CDN引用加速，不让webpack打包vue/vuex/vue-router/elementui/axios，vendor.js 变成 20几KB，加载速度提升很大

方法

index.html 引入CDN

<script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js">script>
<script src="https://cdn.bootcss.com/element-ui/2.12.0/index.js">script>
<script src="https://cdn.bootcss.com/vue-router/3.0.6/vue-router.min.js">script>
<script src="https://cdn.bootcss.com/vuex/3.1.2/vuex.min.js">script>
<script src="https://cdn.bootcss.com/axios/0.19.0/axios.min.js">script>

webpack.base.conf.js 里面添加 externals 配置不打包的js

"表示要引入的资源的名字": “表示该模块提供给外部引用的名字”
要注意名字的写法，否则会报错 xxx is not defined

module.exports = {
  externals: {
    'vue': 'Vue',
    'vue-router': 'VueRouter',
    'axios': 'axios',
    'vuex': 'Vuex',
    'element-ui': 'ELEMENT'
  }
}

如果没有其它代码影响，可以再main.js中去掉import vue/vuex......

然后 npm run build 看看vendorjs的大小

部署后，访问速度提升很大。