"vite“和"vite预览”有什么区别？

Question

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

在package.json下，我看到了这个；

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

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

Answer 1

dev使用HMR启动本地web服务器以进行开发。

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

preview启动本地web服务器，该服务器为./dist for 预览提供已构建的解决方案。

Answer 2

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

Vite预览是一个CLI实用程序，可用于预览类似产品的环境中的Vite项目。它构建项目，启动生产服务器，并打开服务器URL的浏览器。