如何在Vue CLI中使用CDN?

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

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

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

ft983110 回答:如何在Vue CLI中使用CDN?

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-uivuetifyvuex等其他依赖项执行相同的操作。

本文链接:https://www.f2er.com/3099114.html

大家都在问