前言 本文将从vite-plugin-vue的源码带着大家一起分析我们在使用vite开发Vue项目的时候vite所处理的一些流程，本文不会讲解API的使用，因为本文的难度偏难，如果仅仅是想学习如何配置

Vite 预构建的核心原理 1. 兼容性与性能的双重目标 Vite 的预构建旨在解决两个主要问题：兼容性和性能。对于兼容性，由于 Vite 在开发阶段将所有代码视为原生 ES 模块，因此需要将 Com

我们总是说“程序设计与实现”，之所以把设计放在前，是因为它能避免我们像无头苍蝇一样随遇而安。如果我们接着前边几章继续往下写，那大概率是这样的开发思路...

vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安装依赖，然后把服务跑起来：

当前实现流程基于 Vite2x，最新版本实现有所改动。当前实现流程基于 Vite2x，最新版本实现有所改动。

Vite 是一个基于原生 ES 模块的一种新型前端构建工具，它通过依赖预构建、按需编译和缓存等方式使得自身在启动和热更新时的速度都相当可观。那么它内部是如何工作的呢？接下来我们就一起来看看。

Vite 背景 这里的背景介绍会从与Vite紧密相关的两个概念的发展史说起，一个是JavaScript的模块化标准，另一个是前端构建工具。 共存的模块化标准 为什么JavaScript会有多种共存的模

可以跳转到编辑器中对应行，平时开发过程中，不会都是从 0-1 的项目，一些中途接手的项目，页面组件等熟悉起来就会比较费劲。`vite-plugin-jump-code，应运而生。鼠标点击，一键直达

前置篇章：Vite的学习之旅（一） - 掘金 (juejin.cn) GitHub项目地址：seapack-hub/studyVite (github.com) 一、Vite的基本配置 创建配置文件