vue-cli打包vue、vue-router引入外部cdn

webpack打包,app.js、vendor.js文件较大,考虑使用cdn减小打包体积

折腾了半天,发现很容易!!!!


webpack.base.conf.js 添加

externals: {

'vue':'Vue',

'vue-router':'VueRouter'

},

ps:千万不要写成Vue-Router,默认cdn引入的全局变量是VueRouter。。。。

index.html中引入


即可。


针对使用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

页面直接使用即可,不必导入!!

你可能感兴趣的:(vue-cli打包vue、vue-router引入外部cdn)