質問: WebpackのローダーはimportするモジュールがJS以外のときに読み込める形に変換するものです。CSSやTypeScript、果ては画像まで読み込めるように変換するローダーがあります。 それに対してBabelはJavaScriptコンパイラを自称しています。JSXやTypeScriptの変換も対応しているようです。 ここで疑問になったのは、JSXやTypeScriptの変換はどちらが担うべきなのか、ということです。もちろん、BabelはTypeScriptの型チェックをしないと公式ドキュメントでも書いてあるので、Webpackを使ったほうがいいことは明らかです。しかし、Webpackは本来バンドラーのはずなので、変換はBabelに任せたほうがいいのではないかという気もします。 このふたつの役割分担について意見をお聞きしたいです。よろしくお願いします。
回答: * npm scriptsなどでtsファイルをwatchして、変更があればその都度tscによる型チェックを走らせる * Babelでトランスパイルさせる というのはどうでしょうか! webpack(ts-loaderなど)を使ってもよいかとおもいますが、上のようにすれば少々煩雑ですがwebpackがごちゃごちゃすることはないのではないかと!