Vite

Vite也是前端构建工具。

vite中文网站

Vite

• 开发时并不对代码打包，而是直接采用ESM的方式来运行项目
• 在项目部署时，再对项目进行打包
• 打包后的index.html文件，必须用url运行加载

vite的使用过程

1. 先安装npm install -g vite或npm install vite --save-dev,再运行yarn vite（预览开发中的代码）
2. 打包执行yarn vite build
3. yarn vite preview打开预览模式，预览打包后的代码

package.json

"scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  }