cdn

关于cdn的作用，我就不做过多的介绍了，网上的介绍和原理一大堆。

为什么使用cdn

一般前端项目，例如react、vue 等，常见的前端框架，开发的时候，会引用第三方库，例如axios、element、element-plus、aHooks、antd等非常流行的库。在项目完成的时候，进行 build 的时候，会把引用的三方库，打进主包里面，造成主包过大，在用户首次访问的时候，加载时间过长(主要是白屏)，体验感非常不好。可能会造成用户丢失。

遇见的问题

再使用 unplugin-auto-import 插件之后，build 构建优化 使用cdn ，造成cdn未生效。

造成的原因

造成原因原来使用 unplugin-auto-import 造成的，这个插件在打包的时候，会把自动引入的api 注入到主包内，造成无法解析。

解决方案

不使用 unplugin-auto-import 这个插件就好了。 然后在使用第三方api的地方 手动引入。（这个过程非常痛苦）。 安慰一句：慢慢来，曙光总是会来临的。

cdn插件

unplugin-cdn-import 还是比较好用的

结语

唠叨一句，鄙人4年前端开发经验，目前就职于一家小公司，业务不是很繁忙，有小单的话可以联系，一杯奶茶的豆豆就可以搞定了……