vue-cli 项目打包后 vendor.js文件较大问题解决

1，首先在build文件夹下的web[ack.base.conf.js文件里面添加如下，与entry，output平级

externals: {
    'vue': 'Vue',
    'vue-router': 'VueRouter'
},

这一段是告诉webpack项目打包压缩的时候不要将vue.js 和vuerouter打包进vendor.js

2.在index.html中引入cdn的地址，注意script放在body里面

<link rel="stylesheet" href="https://unpkg.com/[email protected]/lib/theme-chalk/index.css">
<script src="//cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
<script src="https://unpkg.com/[email protected]/lib/index.js"></script>
<script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>

3.将main.js里面 

import Vue from 'vue'

router里面index.js里面

import Vue from 'vue'
import VueRouter from 'vue-router'

删掉就行了

4.如果项目中用到了element-ui在index中通过cdn引入就行，main,js里面不用再import Elementui from 'element-ui'引入了