webpack打包,app.js、vendor.js文件较大,考虑使用cdn减小打包体积
折腾了半天,发现很容易!!!!
webpack.base.conf.js 添加
externals: {
'vue':'Vue',
'vue-router':'VueRouter'
},
ps:千万不要写成Vue-Router,默认cdn引入的全局变量是VueRouter。。。。
index.html中引入
<script src="//cdn.bootcss.com/vue/2.3.2/vue.min.js"></script>
<script src="//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
页面直接使用即可,不必导入!!