vite

Webpack vs Vite：一个是“老黄牛”，一个是“猎豹”，你选谁？你准备搭一个新项目，打开搜索引擎：“Webpack还是Vite？” 答案一半一半，你更懵了。今天我们就来场正面PK：Webpack像头任劳任怨的老黄牛，啥都能干，但起步慢；Vite像只猎豹，瞬间冲刺，但偶尔挑食。看完你就能拍板：我的项目，就该用那个！

天渺工作室

别再写改名脚本了，一个 Vite 插件搞定压缩、校验、自动哈希命名vite-plugin-pack-orchestrator市面上已经有一些 Vite 打包插件，比如 vite-plugin-zip-pack、vite-plugin-compress 等，能用，但总差那么点意思 — 大多只支持 ZIP，功能也比较单一。

Sheldon一蓑烟雨任平生

Vite 深度剖析（四）（1）复制一份 vite-vue-code-splitting ，更名为 vite-vue-code-performance。（2）下载后续可能需要用到的依赖：

Sheldon一蓑烟雨任平生

Vite 深度剖析（二）原生CSS的问题：工程化方案（1）创建src/style.css：（2）在 src/main.ts中引入：

Sheldon一蓑烟雨任平生

Vite 深度剖析（一）官网：https://cn.vitejs.dev/guide/代码可参考：https://cn.vitejs.dev/guide/ 的vanilla-ts预设模版

Vite 打包优化终极指南：从 30MB 到 800KB 的性能飞跃Vite 作为新一代前端构建工具，凭借其基于 ES Module 的开发时快速启动和基于 Rollup 的生产时高效打包能力，已经成为现代前端项目的主流选择。然而，即使使用 Vite，默认配置下的项目仍可能出现以下问题：

CVE-2026-39363-Vite开发服务器安全漏洞深度分析2026年4月8日，奇安信 CERT 发布安全风险通告，披露了一个潜伏于全球数百万前端开发者电脑中的高危漏洞——CVE-2026-39363：Vite WebSocket 任意文件读取漏洞。

江上清风山间明月

Vite现代化的前端构建工具详解Vite 是一个现代化的前端构建工具，由 Vue.js 作者尤雨溪开发。它利用浏览器原生的 ES Modules（ESM）特性，提供了极快的开发服务器启动速度和热模块替换（HMR）性能。

发现一只大呆瓜

深入浅出 Tree Shaking：Rollup 是如何“摇”掉死代码的？在前端性能优化中，减小 JS 包体积是重中之重。Tree Shaking（摇树优化）就像它的名字一样：通过摇晃代码这棵大树，让那些无用的“枯叶”（死代码）掉落。本文将带你揭秘 Rollup 实现 Tree Shaking 的底层原理。

发现一只大呆瓜

深度起底 Vite：从打包流程到插件钩子执行时序的全链路解析Vite 之所以能颠覆 Webpack 的统治地位，不仅是因为它在开发阶段的“快”，更在于它巧妙地结合了原生 ESM 与 Rollup 的生产构建能力。本文将带你拆解 Vite 打包的每一个步骤，并揭秘其插件系统的核心钩子。

发现一只大呆瓜

深度解密 Rollup 插件开发：核心钩子函数全生命周期图鉴Rollup 的强大在于其精简的插件系统。一个 Rollup 插件本质上就是一个包含各种“钩子函数”的对象。理解这些钩子的执行时序，是编写高性能插件、优化构建流程的关键。本文将带你深度复盘 Rollup 的两大核心阶段：构建 (Build) 与输出 (Output) 。

发现一只大呆瓜

深度解析 Rollup 配置与 Vite 生产构建流程为什么 Vite 在生产环境不使用 ESBuild 而是选择 Rollup？为什么 Rollup 打包出来的代码比 Webpack 更纯粹？本文将带你深入 Rollup 的核心配置，并拆解 Vite 是如何驱动 Rollup 完成生产环境构建的。

Vite 技术介绍：实现原理、应用与优化Vite（法语"快"的意思）是由尤雨溪（Vue.js 作者）创建的下一代前端构建工具。它利用浏览器原生 ES Module 支持和现代 JavaScript 特性，提供极速的开发体验。

Vite 开发服务器启动时，如何将 client 注入 HTML？当执行 vite 命令启动开发服务器，并在浏览器中打开 http://localhost:5173 时，页面会神奇地具备热模块替换（HMR）能力。这一切的起点，就是 Vite 在返回的 HTML 中悄悄注入了一个特殊的脚本：/@vite/client。这个脚本负责建立 WebSocket 连接、监听文件变化并触发模块热更新。

vite 插件 @vitejs/plugin-vue@vitejs/plugin-vue 是 Vite 官方提供的 Vue 3 单文件组件（SFC）支持插件，它负责将 .vue 文件转换为浏览器可执行的 JavaScript 模块。

vite内核解析-第2章架构总览《Vite 设计与实现》完整目录"Architecture is the thoughtful making of space." -- Louis Kahn

Vite 完全学习指南完成本指南后，你将掌握：

第二十一章：CI/CD 最佳实践Q: CI 中构建慢怎么办？ A: 启用缓存、使用并行任务、升级 CI 机器配置Q: 环境变量如何管理？ A: 使用 CI 平台的 Secrets 功能，不同环境单独配置

第十八章：微前端与 Module FederationModule Federation（模块联邦）是 Webpack 5 引入的微前端核心特性，允许应用在运行时动态加载其他应用的模块。Vite 通过社区插件实现了类似能力。

第十五章：企业级部署方案企业级部署的核心要点：