TypeScriptでビルド時JavaScriptを任意の場所に出力する

なんかすごく久しぶりに書いるけど、今日の躓き備忘録

はつきさん今フロントエンドエンジニアやってるのでTypeScript編だよ。

 

 

ことの発端はこれ

 割りと単純なんだけど、調べてもそのまま使えるような内容はすぐ出てこなかった(´・ω・`)

Web系の情報ってホント毎回こんな感じ。

 

愚痴はここまで。

以下手順。

 

前提

・npm install -g typescriptしてる

・projectにツイートの画像と同様のフォルダがある

・tsファイルは作成済

 

手順

1.projectのフォルダをconsoleで開く

2.tsc -init (これでtsconfig.jsonが作成される)

3.tsconfig.jsonを開く

4.compilerOptions内に

  • "rootDir":"ts"
  • "outDir":"js"

の二点を追記して保存。

5.コンパイル

 

rootDirとかoutDirの値はやりたいことに合わせて適当に書き換えればいい。

 

 

 

 

(おまけ)

なんか見辛いから、ちゃんとはてなブログの記事の書き方覚えるよ…