本記事執筆時点のバージョンRails 5.2.2 Node.js 10.12.0 npm 6.5.0 yarn 1.12.3 TypeScript 3.2.2 webpack 4.28.2 vscode 1.30.2 ディレクトリ構成TypeScriptのソースコード置き場は app/frontend/ビルドファイル生成先は public/javascripts/dist/インストール$ yarn add -D typescript webpack webpack-cli ts-loader source-map-loader webpack-manifest-plugin clean-webpack-plugin webpack-livereload-plugin設定ファイル作成tsconfig.jsontscコマンドを使ってtsconfig.jsonファイルを作成します。 $ npx
![Rails + TypeScript + webpack環境構築](https://cdn-ak-scissors.b.st-hatena.com/image/square/0934930340dd6610440a1aa358be2c77c32a01e4/height=288;version=1;width=512/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A803%2F1%2AEKDEgc2u_Ywv7dNPmYSjzg.png)