Vite快速上手

认识 Vite

Vite (法语意为 “快速的”，发音 /vit/) 是一种新型前端构建工具，能够显著提升前端开发体验。

由两部分组成

• 一个开发服务器，它基于原生ES模块提供了丰富的内建功能，HMR的速度非常快速；
• 一套构建指令，它使用rollup打开我们的代码，并且它是预配置的，可以输出生成环境的优化过的静态资源

安装

Vite 需要 Node.js 版本 >= 12.0.0

$ npm install vite

启动项目
npx vite

功能

热模块加载

Vite 提供了一套原生 ESM 的 HMR API，框架利用 API 可以 提供及时、准确更新、无需加载页面或清楚文件状态，

注意哈：这些都是内置在 Vite中，无需配置

对 Css 的支持

Vite可以直接处理 .css 文件 也拥有 HMR

对 css 预处理器

不需要安装特定的插件，但是需要安装相关依赖

# .scss and .sass
npm install -D sass

# .less
npm install -D less

# .styl and .stylus
npm install -D stylus