在项目中,一般使用npm拉取包使用,但是有时因为文件过大,加载慢等原因,需要CDN引入外部资源,以 axios
为例,在 index.html
文件中CDN引入
<!-- CDN引入外部资源 -->
<script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
在 build
文件夹中的 webpack.base.conf.js
加入如下配置:
module.exports = {
externals: {
'axios': 'axios',
},
}
在使用的地方 import
即可,参考 webpack
文档,地址:https://webpack.js.org/configuration/externals/