TypeScript のトランスパイルを babel に任せる
1212 ワード
モチベーション
TypeScript でも babel-preset-env などの babel エコシステムにのりたい。
やり方
babel 7 から TypeScript のパースも出来るようになったのでそれで行う。
@babel/preset-typescript
をインストールして .babelrc に設定する。
sh
yarn add -D @babel/preset-typescript
.babelrc
{
"presets": [
"@babel/preset-typescript"
]
}
以上
落とし穴
実はこれだけだと型がおかしい場合などにコンパイルエラーが起きない。
開発中はエディタなり IDE なりでエラーが出せるとは思うが、型があるのに型エラーが出ないのは何のための型なのかわからない。
なのでテストなりトランスパイルの前にコンパイルが通るかチェックする必要がある。
package.json
{
"scripts": {
"test:compile": "tsc --noEmit"
}
}
エディタなどに支援されているがために気づかず怖いことになってしまいそう (๑•́‧̫•̀๑)
Author And Source
この問題について(TypeScript のトランスパイルを babel に任せる), 我々は、より多くの情報をここで見つけました https://qiita.com/airtoxin/items/1ab923110b61c297d7e8著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .