vite3+vue3项目打包优化（CDN加速与文件压缩）

1. CDN在线加速

内容分发系统（CDN），是一种基于数据网络的分布式内容分发架构；它能够通过 nearest-node 机制让客户端从最近的数据服务器获取所需资源；从而提高网络资源访问的速度

一般而言，在请求依赖模块时采用 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.c