意外と簡単。TypeScript+JavaScriptでビルドする方法
巨大化するWebサービス/アプリの開発現場で着実に市民権を得てきたTypeScript。C#生みの親Anders Hejlsberg老師が作ったとあって開発効率を爆上げしてくれる。非常に筋の良い言語だ。 今回はTypeScriptへJavaScriptソースをインポートし、webpackを使って1ファイルにビルドする方法についてangularプロジェクトを例に取って解説する。「npmとかbowerで落としてきたJavaScriptってTypeScriptからどう使うの〜？」てな事を解決しよう。 さくっと分かる(?)ビルド方法 これからつらつらと設定やインポート方法の解説が続くけれど、やりたいことはシンプル。要はTypeScriptでJavaScriptをインポートする命令を書き、それをビルドして1ファイルにする設定をするだけ。それでは詳しく見ていこう。 詳しいビルド方法 プロジェクト構成
Visual Studio CodeでTypeScriptをトランスパイルする方法 | TOACH
TypeScriptのプロジェクト設定 任意の場所に今回のサンプルプロジェクト用のディレクトリーを作ったら、Visual Studio Codeから開く。（Visual Studio Codeのメニューから、File > Open > …） TypeScriptプロジェクトはtsconfig.jsonなる設定ファイルが必要だ。プロジェクトを開けたら、左サイドのツリーからtsconfig.jsonを作ろう。 tsconfig.jsonに設定を書いていくわけだけれど、ここでVisual Studio Codeのインテリセンスの威力を味わえる。ファイルに波括弧”{}”を書き、その中に”c”と打つと、候補の設定を提案してくれる。 この”compileOptions”という設定項目を選ぶと、自動的に設定欄を作ってくれる。う〜んイイね。 今回のプロジェクトの設定内容は次のとおりになる。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
