我用vite创建了一个项目模板。
在package.json下，我看到了这个;
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
"preview": "vite preview"
},vite和vite preview有什么区别？什么时候应该使用vite而不是vite preview？
我用vite创建了一个项目模板。
在package.json下，我看到了这个;
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
"preview": "vite preview"
},vite和vite preview有什么区别？什么时候应该使用vite而不是vite preview？
3条答案
按热度按时间oxf4rvwz1#
dev使用HMR启动本地Web服务器进行开发build生成项目，并输出到文件夹./distpreview启动本地Web服务器，该服务器提供./dist中生成的解决方案以供预览ubby3x7f2#
Vite是一个构建工具，通过在每次保存时只重新编译更改的文件，并使用支持热模块替换（HMR）的简单开发服务器，可以加快开发速度。
Vite preview是一个CLI实用程序，可用于在类似生产的环境中预览Vite项目。它构建项目，启动生产服务器，并打开浏览器访问服务器URL。
dced5bon3#
根据vite documentation本身：
∮ ∮ ∮ ∮ ∮ ∮一个月∮
在当前目录下启动Vite dev server，将自动进入开发环境的watch模式和CI的run模式。
...
∮ ∮ ∮ ∮ ∮一米一分一秒∮
本地预览生产生成。
简而言之，
vite用于在您的计算机上运行开发服务器，而vite preview用于运行已经构建的应用程序，作为生产构建的预览。