Parcell

以下を参照した。

mae.chab.in

インストール

 npm install --save-dev parcel-bundler

使い方

npx parcel index.html

とするだけで依存関係をたどってdistディレクトリに吐き出される。

webサーバ(ポートは自動)が起動し、 Hot Module Replacementに対応しているのであとはファイルを更新するたびに更新が反映される。

オプションは-pでポート指定、––openでブラウザも起動、watchはwebサーバは起動せず更新のみ反映、jsのみも可 特にTypeScriptは.tsを指定しても、htmlに.tsを直接指定して入れ込んでも可能。 プロダクション版を作るにはbuildをつける。 --out-dirや-dで出力先は変更可能