欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

vite 和 vite preview 的区别?新手一看就懂

最编程 2024-04-26 22:39:32
...

当我搭建好一个vue+vite项目时,同事跑我项目问我为什么npm run dev 和npm run serve都能运行,接下来我们看看有什么不同:

image.png

然后发现这两个都能运行项目,接下来看看运行情况:

vite:

image.png

vite preview:

image.png

总结:

1、vite 是使用HMR启动本地 Web 服务器进行开发

2、vite preview 是启动本地 Web 服务器,是预览打包后的dist文件

3、所以运行vite preview之前先运行build构建生成dist文件