认识 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