1.予備知識

■Webpack

・モジュールパンドラ

・依存関係を考慮しながらJavaScriptを1ファイルにまとめる

■TypeScript

・コンパイラを使う(TypeScriptで書いたコードをJavaScriptに変換)

・新しい構文をブラウザでも動かせる

2.ビルドの仕組み

バンドルの流れ.png

1.TypeScriptのファイルをコンパイラーでJavaScriptファイルに変換

2.webpackで複数のJavaScriptファイルを一つのファイルにまとめる(bandle.js)

3.bandle.jsをブラウザなどで読み込む(一つのファイルを読み込めばいい状態にする)

3.設定の順序

1.まずは複数のJavaScriptファイルをバンドルできる様に設定

2.次にTypeScriptファイルをJavaScriptファイルに変換できる様に設定

4.Node.jsの準備