Vue CLI3 Import CDN

2019-01-05 本文已影响0人草帽lufei

首先查看 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 的加载源了