webpack打包,app.js勾怒、vendor.js文件較大婆排,考慮使用cdn減小打包體積
折騰了半天,發(fā)現(xiàn)很容易1柿础6沃弧!鉴扫!
webpack.base.conf.js 添加
externals: {
'vue':'Vue',
'vue-router':'VueRouter'
},
ps:千萬不要寫成Vue-Router赞枕,默認cdn引入的全局變量是VueRouter。坪创。炕婶。。
index.html中引入
<script src="http://cdn.bootcss.com/vue/2.3.2/vue.min.js"></script>
<script src="http://cdn.bootcss.com/vue-router/2.5.3/vue-router.min.js"></script>
即可莱预。
針對使用elementUI的傲诵,直接index.html引入cdn文件
//cdn.bootcss.com/element-ui/1.3.1/theme-default/index.cs
//cdn.bootcss.com/element-ui/1.3.1/index.js
頁面直接使用即可凌简,不必導入1鹂濉庭瑰!