“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

npm run dev（或）使用HMRvite启动本地 Web 服务器进行开发

npm run build(或vite build) 构建项目，并输出到文件夹./dist

npm run preview（或vite preview）启动一个本地 Web 服务器，为构建的解决方案提供服务./dist以进行预览

Answer 2

根据vite 文档本身：

vite #

在当前目录启动Vite开发服务器。在开发环境中会自动进入watch模式，在CI中会自动进入run模式。

...

vite preview#

本地预览生产版本。

简而言之，vite用于在计算机上运行开发服务器，而vite preview用于运行已构建的应用程序作为生产构建的预览。