5秒であなたのViteサーバーにREST APIを加えること

他の多くのように私は信じられないほどのパフォーマンスと能力の方法で吹き飛ばされているvite 迅速に建物の反応アプリを構築するためのツールとして.私の役割でegghead educator そして、私はすぐにインストールするツールを探しています.vite 私は私のアプリを補完するAPIのいくつかの種類が必要です.

使用しているexpress それが最初に出てきたので、かなりAPIを構築するために.チェックアウトmy course on using express 5 あなたが速いチュートリアルを望むならば.Expressは簡単にAPIを構築することができますし、それはあなたのViteアプリにExpressのサポートを追加する超簡単です.ただ一つのプラグインが必要です.vite-plugin-mix .
私は5秒を約束したので、コピー＆ペーストを準備!

npm install -D vite-plugin-mix

それからあなたのvite.config.js ファイルをプラグイン配列に追加する

mix({
  handler: './api.js',
}),

それからapi.js 種類:

import express from 'express';

const app = express();

app.get("/api/hello", (req, res) => {
  res.json({ hello: "world" });
});

export const handler = app;

したら、起動することができますvite with npm run dev 魔法のように参照する能力があるでしょう/api/hello ローカルのdevサーバで.VITEの他のすべてのように、あなたがあなたのAPIにどんな変更もするならば、彼らはすぐに何でも再開することなく利用できるでしょう.ちょうどコードを編集し、もう一度ルートを呼び出すと、最新のを参照してくださいよ!
つの小さな注意:私は地元の開発のためのこれまでのVITEを使用して、個人的に生産アプリのためのそれを保証することはできません.あなたが少しより多くの生産準備を探しているならば、あなたはチェックアウトしたいかもしれませんfastify-vite 他の人気のあるAPIサーバを組み合わせたものです.fastify つの強力な高速スタック開発ツールのためのVITEで.
ハッピーハッキングフレンズ!