Public Theta Blog

npmのserveパッケージを使ってローカルサーバーを立てる

servevercel/serve)を使うと、ローカルサーバーを簡単に立てることができる。

特に、Node.jsが既にインストールされている環境であれば、npxdlxを使って環境を汚さずその場でサーバーを立てることができる。

# npm
npx serve
# yarn
yarn dlx serve
# pnpm
pnpm dlx serve

もちろん依存関係に追加して、package.jsonscriptsに追加するなどしても良い。

# npm
npm install -D serve
# yarn
yarn add -D serve
# pnpm
pnpm add -D serve
{
    "scripts": {
        "serve": "serve"
    }
}

グローバルインストールするならこう。

# npm
npm install -g serve
# yarn
yarn global add serve
# pnpm
pnpm add -g serve

コマンドラインオプションは、-h--help)で確認できる。

serve -h
serve --help

ディレクトリを指定する場合は、引数に指定する。デフォルトはカレントディレクトリ。

serve public

ポートを指定する場合は、-pまたは-l--listen、より複雑な指定が可能)を使う。デフォルトは3000

serve -p 8080
serve -l 8080

serve.jsonを使って設定を行うこともできる。プロパティの詳細は、https://github.com/vercel/serve-handler#options を参照。

公開ディレクトリを指定する場合は、publicプロパティを使う。

{
    "public": "public"
}