Vite

Vite 是一款由 Vue.js 作者尤雨溪开发的现代前端构建工具，它以其极速的开发服务器启动速度和闪电般的模块热更新 (HMR) 而闻名。Vite 利用浏览器原生的 ES Modules (ESM) 能力，在开发环境下跳过了打包步骤，直接提供模块给浏览器，从而大幅提升了开发体验。在生产环境下，Vite 采用 Rollup 进行打包，兼顾了性能和优化。本篇文档将深入探讨 Vite 的核心配置，帮助开发者充分利用 Vite 的能力。 核心思想：Vite 的配置以 vite.config.ts (或 .js) 文件为中心，使用 ESM 模块导出配置对象。它通过 plugins 数组扩展功能，通过 server 配置开发服务器，build 配置生产构建，resolve 配置模块解析，以及 css、json 等全局配置项，实现了高度可定制性和灵活性。 一、Vite 配置文件的基本结构Vite 的配置文件通常命名为 vite.config.js 或 vite.config.ts，位于项目根目录。它是一个 ESM 模块，负责导出一个配置对象。 1234567891011121314...