某サービスのフロントエンド開発に携わるようになってからずっと考えていることがある。 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
![JavaScriptとTypeScriptを共存させ、段階的に移行する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/926207f03bf2ec1e3af38aa65ca5fa0502f1a29c/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEghvZszHfSKLNK3bYJCR6x6PejRtW7JFj_orJHdF_GCIh79dPryzB01b9IxbZ0yDM7VfHffrIUYHqNd1qm76YvHsxNwmtOQ-90Fp11en23CHGB25O4mCQ26GTFGcxLnx3G7MLYQUqfD7U_T%2Fw1200-h630-p-k-no-nu%2Fjs-to-ts.png)