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中引入

<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

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

推荐阅读更多精彩内容

  • 本文作者 Jinkey(微信公众号 jinkey-love,官网 https://jinkey.ai)原文链接 h...
    JinkeyAI阅读 420,720评论 153 914
  • 适合阅读的人群:本文适合对 Spring、Netty 等框架,以及 Java 8 的 Lambda、Stream ...
    编走编想阅读 36,035评论 39 103
  • 材料准备:剩的饺子皮、鸡蛋 1.打两个鸡蛋在碗里搅拌均匀,放入适量的盐,搅拌; 2.拿两张饺子皮,手指沾点水将饺子...
    eelan阅读 125评论 0 1
  • 手持长虹,舞倾城 身着红装,伊人舞 从空飞落,醉君王 玉足点地,舞翩跹 眉心红妆,媚君王 一颦一笑,祸江山 君王冷...
    小棠格格阅读 87评论 0 0
  • 世界那么大,美丽的童话……
    烟阁墨染阅读 43评论 0 0