本地调试Vite打包后的代码

问题背景

使用Vue3 + Vant + Vite 开发的一个页面，在本地样式如下

发不到测试环境后，Search组件的样式明显和本地运行时不一样，于是想要在本地跑一下打包后的代码看看问题出在哪里

本地跑了打包后的代码，发现是样式加载顺序不一致

本地调试Vite打包后的代码步骤

// 1、安装服务器环境
npm install -g serve
// 2、打包本地项目
npm run build
// 3、启动
serve -s dist

启动后访问 http://localhost:3000 就是 dist 文件中的index.html内容