今回は、gulpを使ってTypeScriptをコンパイルして、WebPackをまとめる方法について紹介したいと思います。 今までは、RequireJSを使って、JS同士の依存関係を解消していました。最近は、WebPackを用いて依存関係を解決している記事を多く見ます。今回は実際にWebPackを試してみました。 gulp導入については、ビルドツール「gulp.js」を使ってみるの記事が参考になると思います。 準備 今回、やることは下記の通りです。 ファイルを監視して更新されたタイミングで、TypeScriptファイルをコンパイル コンパイルされた複数のJSファイルをWebPackで1つのJSファイルにマージする ファイルがマージされたらブラウザをリロードする ディレクトリ構成 準備する設定ファイルについては下記の通りです。 package.json(読み込むnode_modulesの設定フ
![gulpでTypeScriptファイルをコンパイルしてWebPackでまとめる | MONSTER DIVE](https://cdn-ak-scissors.b.st-hatena.com/image/square/03306352b721cb8f93ae21d192a1cb1702869a6a/height=288;version=1;width=512/https%3A%2F%2Fwww.monster-dive.com%2Fshare%2Fimg%2Fog_img.png)