動画を参考にしたり、
Youtube: TypeScript Project Structure using File Watchers
「File Watcher」 の設定画面より Arguments 部分を下記に設定したりしていろいろ試したのですが、空ファイルで出力されてしまったり、特定ファイル以外はうまくはきだせないなど。うまくいく設定が見つかりませんでした。
--out
$ProjectFileDir$/public/js/$FileDirPathFromParent(typescript)$$FileNameWithoutExtension$.js
$FileDirName$/$FileName$
--module amd
--outDir $ProjectFileDir$/public/js/
--module amd
階層維持してはき出すことができる設定方法はあるでしょうか?
※ 追記内容
たとえば階層が下記の様になっていて、 require.js などを使って 1.ts のファイルを 2.ts に import
などしている場合にうまく吐き出すことができませんでした。
その場合に動画のとおりにコンパイルすると、他の ts ファイルを認識していないためか、エラーが起きてしまいました。
そのため1階層上でコンパイルをしてすべての typescript を認識させた上で階層をたどってコンパイルするために、上記のような記述方法をしていました。
app
└─ public
├─ js
| ├─ dir1
| | └─ 1.js
| └─ dir2
| └─ 2.js
└─ typescript
├─ dir1
| └─ 1.ts
└─ dir2
└─ 2.ts
すると typescript の同一フォルダに js が生成され、js フォルダ内には中身がからの js ファイルが生成されるといった現象が起きてしまいました。
typescript, require を使った場合に階層を維持出来る方法がありましたら押していただけると助かります。