在Web开发的大千世界里，想要不听到关于Vite[1]的讨论，那可真是难上加难。 自2020年4月发布以来，Vite的人气就像坐了火箭一样直线上升。截至写这篇文章的时候，这个项目在GitHub上已经获得了超过64k的star，并且在每周的npm下载量上超过了1200万，现在它支持着大多数开源框架，比如Nuxt[2]、SvelteKit[3]、Astro[4]、SolidStart[5]和Remix

在现在的前端领域中，Vite 的人气超级之高。 自2020年4月首次亮相以来，这个项目迅速获得了极高的关注。到目前为止，它在 GitHub 上已累积超过 64k star，每周的下载量达到了1200万次以上。它现已被广泛应用于多个开源框架，包括Nuxt、SvelteKit、Astro和SolidStart等。 什么是 Vite？ Vite，发音为/vit/，在法语中意为“快速”，这个名字确实很贴切

Webpack打包慢的原因： 多关联依赖关系：当项目使用npm安装包时，由于不同设备可能拉取到的package版本不一，这可能导致打包过程中的不一致性和复杂性增加，从而影响打包速度。 未使用的依赖：项目中可能存在一些没有被使用但又被引入的库，webpack会针对这些未使用的库进行打包，造成性能的浪费。 打包文件数量：如果项目中有大量的文件需要打包，webpack需要处理更多的资源和依赖关系，这会导

Tailwind 4.0 将会更快更好。 尝试当前处于 Alpha 状态的新功能 安装 Tailwind 版本 4 的包： $ npm install tailwindcss@next @tailwindcss/vite@next Vite 配置: import tailwindcss from '@tailwindcss/vite'; import { defineConfig } from '

过年期间我没怎么发文章，但是我也没闲着。在这个空闲时间，把 rust 基础以及个别生态技术方案扎扎实实的，系统的学习了一下。学习他的初衷是因为 rust 可以支持鸿蒙应用的原生级别的开发，为进阶资深级别的鸿蒙开发者做技术储备。 可这不学不知道，一学吓一跳。这才发现 rust 生态，正在以一种锐不可当的气势，全方位、无死角的入侵前端开发的方方面面。最关键的是，由于有后发优势，这些技术方案往往都比已有

前言 用过Vite进行项目开发的同学，肯定听说过，Vite在开发环境和生产环境是两种不同的资源处理方式。 在开发环境，Vite以原生ESM方式提供源码，让浏览器接管了打包程序的部分工作：Vite 只需要在浏览器请求源码时进行转换并按需提供源码。根据情景动态导入代码，即只在当前屏幕上实际使用时才会被处理。 图片 而在本地开发中，肯定会有本地代码的变更处理，如何最大限度的在不刷新整体页面的情况下，进行