前言 在公司试着用vite搭建了项目，总体来说收获与坑并存吧。一方面vite确实给了我极好的开发体验，另一方面由于它本身出现的时间比较晚，社区生态并不是很完善，所以很多坑还是要自己去踩。不过幸运的是最

相信大部分兄弟都体验过 Vite 了，知道它很快。但你知道它为什么快，相比 Webpack 有哪些不同吗？今天咱们就来全面了解一下 Vite ，尤其适合新手兄弟！话不多说，开整！

前言 Vite 作为 Vue 团队出品的构建工具，其超快的冷启动以及热更新速度让它迅速🔥起来了。 由于浏览器开始原生支持 ES 模块，Vite巧妙的利用生态系统中的新进展解决了 Webpack 构建速

按需引入插件unplugin-vue-components 的教程已经很多了，本文并不是单纯的介绍unplugin-vue-components 插件。

Vite配置文件 默认指定：vite.config.js。 自定义指定：vite --config 自定义名称.js。 Vite相关命令 查看Vite有哪些命令：npx vite -help。 vit

后端数据接口没写好？自己怎么Mock？本篇文章教你如何使用Apifox来生成前端专属Mock接口。让你开发起来更如鱼得水

什么是代码分割/code spliiting 前端生态 rollup 和 webpack都有的概念。 如果把所有代码都打包到一起，可能最终的代码非常大。从而影响加载时间。 而且，很多代码是初始加载时，

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

当你开发面向浏览器的库时，你可能会将大部分时间花在该库的测试/演示页面上。以确保将那些你不想打包进库的依赖进行外部化处理。 这也是为了让前端页面性能更优，我们在 App WebView 中针对（如：R