Vite

前端开发

Vite 初级指南

Vite 是一个现代前端构建工具,由 Vue 作者尤雨溪创建。它的核心设计目标是解决传统打包工具(如 Webpack)在大型项目中开发体验缓慢的问题。 Webpack 的工作方式是在启动开发服务器前,先把所有模块打包成 bundle,然后再提供服务。随着项目规模增大,这个打包过程会越来越慢,冷启动时间可能长达数十秒甚至数分钟。 Vite 采用了完全不同的策略: Vite 在不同阶段使用不同策略: 这种分离设计保证了开发体验极速,同时生产产物质量有保障。 Vite 5+ 要求 Node.js 版本: 建议使用 LTS 版本。可用 node -v 检查当前版

By yellowdog

前端开发

Vite 中级指南

本文覆盖 Vite 中级配置与使用模式,包括完整的配置项参考、多页面应用、库模式、环境变量进阶等内容。适合已掌握 Vite 基础的开发者。 需要加入 include 的场景: 1. 动态 import() 引入的 CommonJS 包(Vite 静态扫描时发现不了) 2. monorepo 中的本地包(链接包不走预构建,但其依赖可能是 CJS) 3. 某些通过插件间接引入的依赖 需要加入 exclude 的场景: 1. 已是纯 ESM 的包且体积小,无需合并 2. 包含 native 模块,esbuild 无法处理 3. 包含副作用,不适合被 esbui

By yellowdog