vite3+vue3 项目打包优化三 — CDN加速、文件压缩

1. CDN在线加速

内容分发网络（Content Delivery Network，简称 CDN），是构建在数据网络上的一种分布式内容分发网，它可以让用户从最近的服务器请求资源，以提升网络请求的响应速度。

通常情况下，我们请求依赖模块使用 CDN ，而请求项目代码依然使用自己的服务器。

在 Vite + Vue3 项目开发过程中，像 element-plus、lodash-es 等工具库，会有很大的文件依赖。我们可以尝试通过配置 CDN 的方式来减轻"单系统"的请求压力。（一般我们的项目只有一个服务器，称为单系统）

数字化管理平台
Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus
Vue权限系统案例
个人博客

安装 CDN 管理插件

# npm 方式
npm i vite-plugin-cdn-import -D

# yarn 方式
yarn add vite-plugin-cdn-import -D

以 lodash-es 为例，在 vite.config.ts 文件中，配置对应