vite打包工具的介绍

vite:

Vite是Vue的作者尤雨溪开发的Web开发构建工具，它是一个基于浏览器原生ES模块导入的开发服务器，在开发环境下，利用浏览器去解析import，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随启随用。同时不仅对Vue文件提供了支持，还支持热更新，而且热更新的速度不会随着模块增多而变慢。在生产环境下使用Rollup打包。

Vite具有以下特点：

1. 快速的冷启动
2. 即时热模块更新（HMR，Hot Module Replacement）
3. 真正按需编译

Vite是在推出Vue 3的时候开发的，目前仅支持Vue 3.x，这意味着与Vue 3不兼容的库也不能与Vite一起使用。

Vite 的新构建工具，它的开发服务器比 Vue CLI 快 10-100 倍。

Vue CLI 概述
大多数 Vue 开发人员都知道，Vue CLI 是使用标准构建工具和最佳实践配置快速建立基于 Vue 的项目的不可或缺的工具。
其主要功能包括：

• 工程脚手架
• 带热模块重载的开发服务器
• 插件系统
• 用户界面
• 在本讨论中需要注意的是，Vue CLI 是构建在 Webpack 之上的，因此开发服务器和构建功能和性能都将是 Webpack 的超集。

这里，我们将Vite与VueCLI做一下对比。

Vite在开发模式下不需要打包可以直接运行，使用的是ES6的模块化加载规则；
VueCLI开发模式下必须对项目打包才可以运行；
Vite基于缓存的热更新；