本文主要阐述前端框架中的运行时和编译时的区别。首先说明本文内容参考书籍 《Vue.js 设计与实现》，并加以自己的理解创作。有错误的地方还请指出。

哈喽，很高兴你能点开这篇博客，本博客是针对 Vite 的体验系列文章之实战篇，认真看完后相信你也能如法炮制写一个属于自己的 vite 插件。

前言 最近遇到一个项目，需要兼容旧版本浏览器 因为我们的项目全部采用的是Vite构建，所以Vite如何兼容旧版本浏览器成为了一个重点研究的东西。 按照Vite官网描述，@vitejs/plugin-l

vite plugin-legacy 插件介绍 vite 浏览器兼容 vite如何兼容传统浏览器 @vitejs/plugin-legacy

先附上源码地址：https://github.com/cwjbjy/vite-vue-ts-seed 1. 初始化项目 1. node版本要求 使用node16以下版本在运行vue-tsc时会报错。n

近年来，前端领域技术更新迭代节奏较快，前端工程师们为了更好的进行项目开发、测试、构建、部署，开发出了各种各样的构建工具，像常见的Webpack、Rollup、Esbuild、Vite，每一类工具都有

为了让线上代码可追溯, 我开发了这个vite插件, 让想在控制台输出一下前端代码的一些构建信息， 比如打包时间、打包的人, 代码分支、commit是那个，方便在控制台追溯

从2021年2月份Vite2更新，到2022年7月份Vite3发布，到今年2022年11月份Vite 4.0.0-alpha.0出现，不得不说，Vite在改善前端开发体验的道路上越来越卷了

在之前的开发中我们主要运用 vue-cli 来搭建项目，它是基于 webpack 的脚手架工具。随着 vite 的出现，这个可以提供更快、更精简的构建工具，给我们带来了另一种开发体验。