文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在vue cli中使用CDN？

问如何在vue cli中使用CDN？
EN

Stack Overflow用户

提问于 2019-11-14 21:55:26

回答 1查看 5.9K关注 0票数 2

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

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

我已经搜索了很多，但找不到一个好的解决方案，有些人可能会建议在头部部分添加所有的CDN。但这很难控制。

vue.js

webpack

frontend

cdn

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-11-17 04:09:49

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等)执行同样的操作.

票数 6

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/58867113

复制

相似问题

问如何在vue cli中使用CDN？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在vue cli中使用CDN？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在vue cli中使用CDN？
EN