先介绍下 Vite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发,在生产环境下基于 Rollup 打包。
它主要具有以下特点:
- 快速的冷启动
- 即时的模块热更新
- 真正的按需编译
话不多说,直接干
- npm方式安装
$ npm init vite-app <project-name>
$ cd <project-name>
$ npm install
$ npm run dev
- yarn方式安装
$ yarn create vite-app <project-name>
$ cd <project-name>
$ yarn
$ yarn dev
还是很熟悉的目录结构
启动项目的时候瞬间就体验到了秒开的感觉
也感受了下热更新的速度(因为项目简单所以快!都是’假’的!哈哈哈哈)
完。