如何引用外部cdn资源

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

引用 ​

<script src="http://map.qq.com/api/js?v=2.exp&key=yourkey"></script>

修改 ​

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

使用 ​

import qq from 'qq'

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