大家好，我是 simple ，最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。(完整配置在后面)

【vite 4.3 + vue 3.2 项目优化实战】配置 CDN 服务 记录一次 vite 打包体积优化过程，踩了一些坑，分享一下。

前言 使用Vite(版本："5.4.9")搭建React(版本："^18.3.1")项目，针对大体积的三方依赖做打包优化~ 打包优化 使用插件rollup-plugin-visualizer 安装插件

项目优化线上发布的时候，`减少js的体积`，是常用的手段，例如vue，vuex，axiox等改为cdn的引入形式，不是把它们打入bundle的形式

在Vite中怎么通过CDN加载资源，第一，引入CDN资源。第二，修改import资源的指向。关键在于第二步，为什么需要做这一步，又该如何去做。

我们都知道了CDN就是以空间换时间，从离用户最近的服务器返回资源给用户，从而达到缩短资源返回时间的目的。这过程中不得不提到缓存，有缓存这个副本存在于各地的服务器上，是上述目的可以完成的前提。

vite对媒体、图片等文件打包处理单独发布到CDN 1. 如果你希望对某几个库进行CDN部署，推荐使用vite-plugin-cdn-import 2.如果你希望对整个项目进行CDN部署，使用vite

... nginx现在几乎是众多大型网站的必用技术，大多数情况下，我们不需要亲自去配置它，但是了解它在应用程序中所担任的角色，以及如何解决这些问题是非常必要的。 下面我将从nginx在企业中的真实应用来解释nginx在应用程序中起到的作用。 不管是正向代理还是反向代理，实现的都…

先上灵魂拷问 在文章之前，先抛一些灵魂拷问： 前端代码从 tsx/jsx 到部署上线被用户访问，中间大致会经历哪些过程？ 上述过程中分别都有哪些考虑、指标和优化点，以满足复杂的业务需求？ 可能大部分同