首页 > 上网技巧 > 电脑小技巧 > Vue-cli中使用cdn引入外部库文件

Vue-cli中使用cdn引入外部库文件

时间:2020-09-23 21:20 作者:QQ地带 我要评论

第一步,先在index.html中加入cdn资源,例:
 
<body>
    <div id="app"></div>
 
    <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>
</body>
第二步,在webpack.base.conf.js中添加externals
 
entry: {
    app: './src/main.js'
  },
  externals:{
    'vue': 'Vue',
    'vue-router': 'VueRouter',
  }
第三步,将入口文件main.js和router/index.js中引入的Vue和Router去掉,将原Router改为VueRouter,最后将Vue.use(Router)去掉

标签: vue
顶一下
(0)
0%
踩一下
(0)
0%

Google提供的广告