vite preview 在本地启动一个静态web服务器

构建应用

运行npm run build命令来执行应用的构建;

默认情况下,构建会输出到dist文件夹中。可以部署这个dist文件夹到任何平台。

本地测试应用

当你构建完成应用后, 可以通过运行npm run preview命令,在本地测试该应用;

vite preview命令会在本地启动一个静态web服务器将 dist 文件夹运行在 http://localhost:4173。这样在本地环境下查看该构建产物是否正常可用就方便多了。

你可以通过 --port 参数来配置服务的运行端口。

相关推荐
threelab16 分钟前
Three.js 初中数学函数可视化 | 三维可视化 / AI 提示词
开发语言·前端·javascript·人工智能·3d·着色器
爱学习的程序媛20 分钟前
浏览器工作原理全景解析
前端·浏览器·web
我是若尘2 小时前
用 Git Worktree 同时开多个需求,不用来回 stash
前端
IT_陈寒2 小时前
Vue的v-for为什么不加key也能工作?我差点翻车
前端·人工智能·后端
小碗羊肉2 小时前
【JavaWeb | 第十二篇】项目实战——登录功能
java·前端·数据库
一个处女座的程序猿O(∩_∩)O2 小时前
如何保持nginx配置与前端打包dist的路径保持一致、解决页面刷新白屏以及页面跳转问题
运维·前端·nginx
十有八七3 小时前
AI 开发,本质是一场文档的生命周期管理
前端·人工智能
Hyyy3 小时前
普通前端自救记录——第0周
前端
前端若水4 小时前
在 Vue 2 与 Vue 3 中使用 markdown-it-vue 渲染 Markdown 和数学公式
前端·javascript·vue.js
之歆4 小时前
DAY_10 JavaScript 深度解析:原型链 · 引用类型 · 内置对象 · 数组方法全攻略(下)
开发语言·前端·javascript·ecmascript