Vite（法语意为 "快速的"，发音 /vit/，发音同 "veet"）是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：
一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。
一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。
Vite 意在提供开箱即用的配置，同时它的 插件 API 和 JavaScript API 带来了高度的可扩展性，并有完整的类型支持。
# Vite 与 vue/Cli 的区别
这两天听了拉勾老师的直播课，总结了当下流行的 Vite 构建工具结合 Vue 的使用，以及与 vue/Cli 的区别。
# vite 与 vueCli 作为构建工具的使用
1.vite 与 vue2 搭配
- 将 pack-json 特定的 vue3.x 改为 vue2.x 版本的依赖
- 在 vue.config.js 中 const {createVuePlugin} = require ('vite-plugin-vue2') => 借助插件
备注:vite 选择 vue 框架时默认为 vue3.x
2.vite 与 vueCli 的区别？
- vite 在 dev 环境下不经过压缩、打包、格式化、只更新改动的文件，在 Network 中可以看到还是项目中的文件内 容、文件名 (.vue 文件等等), 响应速度是 vueCli 的 7、8 倍
- vueCli 在 dev 环境下也会经过压缩、打包、格式化、并更新所有的文件，在 Network 中可以看到的是经过编译后的文件内容、文件名 (.js 文件等等), 响应速度不及 vite
备注:
1. vite 不支持 @引入文件 (需要换成相对路径)，vueCli 支持
2. vite 不支持 process.env (可以替换为 '/') vueCli 支持
