babel-loader で TypeScript をビルドする - 30歳からのプログラミング
最小構成のサンプルから始めて、React のビルドや Babel プラグインの利用も出来るようにしていく。 当初はts-loaderとbabel-loaderを組み合わせてビルドする予定だったのだが、Babel プラグインが動かなかったので断念した。この資料の内容に沿って設定してもダメだった。 そのため、babel-loaderのみでビルドすることにした。 使用しているライブラリのバージョン。 webpack@4.30.0 webpack-cli@3.3.2 babel-loader@8.0.5 @babel/core@7.4.4 @babel/preset-env@7.4.4 @babel/preset-typescript@7.3.3 typescript@3.4.5 react@16.8.6 react-dom@16.8.6 @types/react@16.8.17 @types/r
【webpack5】ts-loader + babel-loader を併用する【TypeScript】 - Qiita
ts-loaderとbabel-loaderを組み合わせる babel-loaderだけで、TypeScriptはトランスパイルが可能です。 具体的には @babel/preset-typescript を使います。 もしBabelが必要な状況なのであれば、ts-loaderは必要ありません。 逆に、Babelが不要なのであればts-loaderが必要です。 しかし、 レガシーブラウザ向けにBabelを通したもの モダンブラウザ向けにTSをトランスパイルしただけのもの の両方が必要な場合は、自分はts-loaderとbabel-loaderを組み合わせるようにしています。 私の環境ではtsconfig.jsonはいずれの場合も次のようなイメージでした。 project │ .babelrc │ package-lock.json │ package.json │ tsconfig.json
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
