如何使用Node.js服务器替代Vue Vite自带的前端开发服务器

问题背景 #

最初尝试以下命令均无法实现需求：

vite
vite preview
vite preview --port:5000

2022年2月8日更新（解决方案） #

• 首先运行Vite增量打包监听命令：vite build --watch
  该命令只会对前端代码的变更部分执行打包，产物默认存储在/dist文件夹中，同时会持续监听代码变动自动更新打包产物，可实现前后端同步开发、修改即时生效的效果。
• 单独启动你的Node.js服务端程序，由服务端提供index.html的访问入口。
• 如果你使用Express作为Node.js服务端框架，需要新增静态资源目录配置，指向Vite的打包输出目录，配置示例如下：

  app.use(express.static(__dirname + '/dist'));
  

  配置完成后，Node服务会自动从/dist目录读取index.html和所有打包后的静态资源返回给客户端。

内容的提问来源于stack exchange，提问作者Dan