美文网首页
Vue CLI3 Import CDN

Vue CLI3 Import CDN

作者: 草帽lufei | 来源:发表于2019-01-05 16:30 被阅读0次

    首先查看 package.json 文件中js对应的版本,如下面的文件中 vue 版本为 2.5.21

      "dependencies": {
        "vue": "^2.5.21",
    ...
    

    找一个 vue.js cdn 地址,这里使用 BootCDN 服务器,找到对应的 vue@2.5.21 版本的文件, 将整个 script 标签复制添加 index.html 的 body 中

    ...
    <body>
      <div id="app"></div>
      <script src="https://cdn.bootcss.com/vue/2.5.21/vue.min.js"></script>
    </body>
    ...
    

    前端项目根目录的 vue.config.js 配置文件中设置 externals 属性即可

    module.exports = {
      outputDir: process.env.outputDir,
      configureWebpack: {
        externals: {
          vue: 'Vue'
        }
      }
    }
    
    

    这个时候项目页面就可以看到 vuejs 的加载源了

    相关文章

      网友评论

          本文标题:Vue CLI3 Import CDN

          本文链接:https://www.haomeiwen.com/subject/lxhkrqtx.html