前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何引用外部cdn资源

如何引用外部cdn资源

作者头像
神葳
发布2021-01-22 16:03:29
2.1K0
发布2021-01-22 16:03:29
举报
文章被收录于专栏:神葳总局神葳总局

在使用vue-cli进行项目构建时,有时是需要引用外部cdn资源的,生产环境中可以直接在index.html的头部引用,但是编译时会报错,因为脚手架无法识别这个外部资源.下面以引用腾讯地图api为例,介绍如何正确引用外部cdn资源.

# 引用

代码语言:javascript
复制
<script src="http://map.qq.com/api/js?v=2.exp&key=yourkey"></script>

1

复制

# 修改

代码语言:javascript
复制
// 因为腾讯地图的api都放在qq变量下输出的,所以配置的value应该是'qq'
module.exports = {
  externals: {
    'qq': 'qq'
  }
}

1 2 3 4 5 6

复制

# 使用

代码语言:javascript
复制
import qq from 'qq'

1

复制

说明:其实第一步的引入并不是唯一的办法,还可以通过js创建script的方式,我认为上面的方法是最简洁的.

作者个人博客:午后南杂

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-7-21 2,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • # 引用
  • # 修改
  • # 使用
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档