らいふうっどの閑話休題

興味のあることをゆる~く書いていく

spec.ts build script

f:id:ic_lifewood:20190701231936p:plain

きっかけ / Trigger

仕事で、ng testをした時、テスト数が多い上にビルドに時間がかかっていた。
ng test は、ビルド後にテストが実行されるとなかなか中断できない。
When I did ng test at work, it took a long time to build on a large number of tests.
ng test can not be interrupted easily if the test is executed after build.

spec.tsのみビルドしたかったので、今回スクリプトを作成してみた。
I wanted to build only spec.ts, so I created a script this time

1. spec.ts用 tsconfig.jsonの用意 / Prepare for spec.ts tsconfig.json

angularのプロジェクトを作成する時にデフォルトで、 tsconfig.json が作成される。
それとは別に tsconfig.spec.json を作成する。

tsconfig.json is created by default when creating an angular project.
Create tsconfig.spec.json separately.

2. tsconfig.json の内容を継承する

tsconfig.spec.json
tsconfig.spec.json

3. package.jsonスクリプトを追加する / add a script to package.json

追加イメージ

add script
追加スクリプト

追加行 / add line

    "build:spec": "tsc --project tsconfig.spec.json",

3. スクリプトを実行してみる / Try to run the script

成功例 / success example

success
成功例

出力結果 / output result

output result
出力結果

失敗例 / fail example

miss code
ミスコード

failed result
失敗出力結果

4. サンプルコード / sample code

5. 参考文献 / references