0

Angular2公式チュートリアル3を見ると、下記の4つ .ts ファイルがありますが、

  • app.component.ts
  • boot.ts
  • hero.ts
  • hero-detail.component.ts

例えば app.component.ts を見ると、下記のように import しています。

import {Hero} from './hero';
import {HeroDetailComponent} from './hero-detail.component';

gulp でコンパイルを *.ts として個別に行うのはもちろん問題はないのですが、ひとつの.jsファイルにまとめたい場合はどのようにすればよいでしょうか?
はじめにまとめてロードすることで、HTTPリクエストを減らしたいと思っています。

2 件の回答 2

1

TypeScript 1.8でAMDやsystemモジュールを1ファイルに結合できるようになるそうですが、現状まだ無理なので、moduleをcommonjsでコンパイルしbrowserifyを使うとまとめられます。

//tsconfig.json
{
  "compilerOptions": {
  "target": "ES5",
  "module": "system",
...


$ npm i browserify
$ npm run tsc
$ ./node_modules/.bin/browserify app/boot.js -o app/app.js
1

tsconfig.jsonで compilarOptionsoutプロパティに出力先ファイル名を指定すればimportやrequireが解決されて結合された状態でコンパイルされます。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。