如何在Vue CLI中使用CDN？

Question

我不熟悉打包前端项目。当我编写前端时，我们只使用了JQuery。所以问题是现在我有一个由vue-cli创建并由webpack打包的项目。

但是我不想从本地服务器而是从远程CDN加载库。如何在yarn add期间将yarn build依赖项更改为基于CDN的形式？这种包装的正确方法是什么？

我进行了很多搜索，但是找不到一个好的解决方案，有些人可能建议在头部添加所有CDN。但这很难管理。

Answer 1

1。。更新您的public/index.html，添加CDN的vue脚本源（最好在头部）

    <script src="https://cdn.jsdelivr.net/npm/vue@2.6"></script>

2。。使用以下配置在项目根目录中创建一个vue.config.js文件。 （如果您已经有了文件，请向其添加configureWebpack块）

module.exports = {
  configureWebpack: {
    externals: {
      Vue: "vue"
    }
  }
};

这会将Vue依赖项标记为全局，而不将其添加到供应商捆绑包中。您可以对element-ui，vuetify，vuex等其他依赖项执行相同的操作。