Vite

  • Published on
    本文深度剖析了 Vite 中基于 ES 模块的各项高级特性。内容系统性地阐述了 import.meta 对象在访问环境变量 (.env) 和实现热模块替换 (.hot) 中的作用，并重点解析了 Vite 独有的、用于批量导入模块的 import.meta.glob 功能。笔记还涵盖了 JSON 具名导入、条件导入等优化实践。
  • Published on
    本文深度剖析了 Vite 中处理静态资源的两种核心模式：通过 public 目录提供未经处理的资源，以及从 src 目录将其作为模块导入以参与构建优化。笔记系统性地阐述了两种方式的底层机制、优缺点及适用场景，并介绍了 assetsInlineLimit、assetsInclude 等高级配置和 vite-imagetool 等优化工具的实践。
  • Published on
    本文深度剖析了现代前端构建工具 Vite 中的 CSS 工程化实践。内容系统性地阐述了在 Vite 中引入样式表的三种核心方式及其作用域差异，重点解析了 CSS Modules 实现局部作用域的机制，并详述了 Vite 对 PostCSS 和 Sass/SCSS 等 CSS 预处理器的原生、零配置支持。
  • Published on
    本文深度剖析了现代前端构建工具 Vite 的核心架构与模块处理机制。内容系统性地阐述了 Vite 在开发环境（利用原生 ESM 和 esbuild）与生产环境（利用 Rollup）下采用的不同策略，并重点解析了 Rollup 基于静态与动态导入进行代码打包和代码分割的自动化策略，最后展望了其未来向 Rolldown 的演进。