你的维特快递来了,Vite和Express如何一起工作

510 阅读1分钟

这几天在使用vite和express 开发项目

出现的一个新的想法💡💭,将服务端一起组合在项目里,这样可以让项目在本地调试更简单快捷。

于是我发现了

vite-express

vite-express - npm (npmjs.com)

💬介绍

ViteExpress是一个将Vite和Express集成在一起的工具,旨在简化在前端项目中同时使用Vite和Express的过程。

使用ViteExpress,你可以在一个项目中同时享受Vite的快速开发体验和Express的后端功能。它提供了一种简单的方式来启动Vite开发服务器和Express服务器,并处理两者之间的代理和路由。

⚡如何使用?

import express from "express";
import ViteExpress from "vite-express";

const app = express();

app.get("/message", (_, res) => res.send("Hello from express!"));

ViteExpress.listen(app, 3000, () => console.log("Server is listening..."));

非常简单,这样就可以让vite和express跑在同个端口上

📝方法

⚡ vite-express功能
config(options) => void
listen(app, port, callback?) => http.Server
async bind(app, server, callback?) => Promise<void>
static() => RequestHandler
async build() => Promise<void>