在 build 文件夹中的 webpack.base.conf.js 加入如下配置：
在使用的地方 import 即可，参考 webpack 文档，地址： https://webpack.js.org/configuration/externals/
最近在做一个项目，项目配置版本如下：
下面分享一下，如上配置的 vue3 项目，如何配置 cdn 加速
介绍下常见的免费 cdn 网站
BootCDN 和 Staticfile CDN 简单明了的搜索方式就不说了，这里讲一下 UNPKG 搜索 cdn 资源的方式。
cdn 文件路径格式： https://unpkg.com/:package@:version/:file
路径解析如下图：
直接使用资源名后面加 / ，可以查看文件夹目录，比如： https://unpkg.com/browse/[email protected]/ ，复制进浏览器地址栏，可看见如下目录：
按如下配置，操作方式基本一样，文件的 cdn 版本自行替换。
vue.config.js
index.html
在 head 标签里加上如下：
在 body 标签里加上如下：
main.ts
确实配了 cdn 后打包文件小了很多，不过如果 cdn 挂了，你的项目也就挂了。
如果看了觉得有帮助的，我是@ 鹏多多11997110103 ，欢迎 点赞 关注 评论；
END
往期文章
个人主页
