Typescriptを1 ~ 2年に1回ぐらい書きたくなることがあるが、毎回プロジェクト構築方法を検索していたり、
Windows を再インストールしなおしたりして環境が破壊されていたりするのでメモ
fishを入れる
Shellにfishを使いたいので
nvmを入れる
fish-nvmを入れる
GitHub - jorgebucaran/nvm.fish: Node.js version manager lovingly made for Fish.
fisher install jorgebucaran/nvm.fish
nodeを入れる
nvm install latest
typescriptのテンプレートをクローン
Getting Started
npm -i -D npm start
でいろんなことが行われる。
- typescriptをjavascriptにトランスパイル(?)
- 複数のjsファイルをバンドル
- 指定したhtmlに生成されたjsファイルをscriptとして勝手に入れてくれる
- distフォルダ内のhtmlをブラウザで開く
src以下のファイルを監視しているので、ファイルを編集するとjsもhtmlも勝手に読み込みなおしてくれる。
感想
一年前に作ったテンプレートが動かなくなっていたので
動くようにした。
ウェブ系は互換性が破壊されるバージョンアップが速いなぁ・・