Vite 快速上手

Vite 配置选项一览描述： 主要是了提供 vite.config.js 配置选项的总体概览和细节配置描述和介绍： 包括： 导图一览 配置一览

此篇文章主要是对 Shared Options 中的几个比较难理解的配置选项的理解介绍： - define - css - resolve

插件的创作 几个注意的点： 约定： Rollup 插件： Vite 专属插件： 插件只适用于特定的框架： 虚拟模块： 插件钩子 Vite & Rollup 通用钩子： Vite 独有钩子： 路径规范化

plugins: vite 提供了强大的插件扩展功能，可以利用插件做到很多的事情。 查找插件： 添加一个插件 强制插件排序 插件的按需使用 插件的扁平化使用

查找插件： 官方插件 社区插件 Vite Rollup 插件, 兼容的 Rollup 插件 unplugin, 用于构建工具的统一插件系统。 官方插件： 常用插件：

1. vite.config.js 文件语法提示 2. 情景配置 3. 环境变量配置 4. 特殊对象 import.meta

Vite HRM 简单使用示例 定义： HMR(Hot Module Replacement): 热模块替换，即自动将页面中发生变化的模块替换为新模块，并且不影响其它模块的正常工作； 核心重要能力：