JavaScriptとTypeScriptを共存させ、段階的に移行する方法

某サービスのフロントエンド開発に携わるようになってからずっと考えていることがある。 TypeScriptに移行して、型に守られたい！ ただ稼働しているサービスをいっきにTypeScriptに移行するのは危険で膨大な工数がかかるため、段階的に移行できないかと考えた。 ということでJavaScriptとTypeScriptを共存させる方法をまとめる。 環境は以下のとおり。 webpack@4.0.1 webpack-cli@2.0.9 webpack v3系の場合は不要 typescript@2.7.2 ts-loader@4.0.0 ※ あとでbabel-loaderについて追記予定です！ → 2018/03/23 追記しました 移行前の状態 極小サンプルを使って紹介する。 // src/main.js import { add } from './module' const result

[nimroder]

すでにモジュール分割されてるJSだからいいのだろうか うちのは全部グローバルに露出してるJSなのでつらみがありそう

[grasso0210]

Javascript プロジェクトから TypeScript へ移行する初期段階で参考になる。

[bc_rikko]

ご指摘ありがとうございます！サンプル修正しました。babel-loaderについて~~は動作確認ができたら追記します。~~ 追記しました

[esodov]

このサンプルではいいのかもしれんけど、jsはbabel-loader使った説明のほうがやさしみありそう