"vite" 和 "vite preview" 有什么区别？

Question

我用vite创建了一个项目模板

在package.json下看到这个；

  "scripts": {
    "dev": "vite",
    "build": "vue-tsc --noEmit && vite build",
    "preview": "vite preview"
  },

vite 和 vite preview 有什么区别？什么时候应该使用 vite 而不是 vite preview？

Answer 1

Vite 是一种构建工具，通过 re-compiling 每次保存仅更改的文件并使用支持热模块替换 (HMR) 的简单开发服务器来实现更快的开发。

Vite 预览是一个 CLI 实用程序，可用于在 production-like 环境中预览 Vite 项目。它构建项目，启动生产服务器，并打开浏览器访问服务器 URL.

Answer 2

dev 使用 HMR 启动本地 Web 服务器用于开发

build 构建项目，并输出到文件夹 ./dist

preview 启动一个本地 Web 服务器，为 ./dist 为 previewing

构建的解决方案提供服务

What is the difference between "vite" and "vite preview"?