約束の地

キャロ組

Babel で JSX をトランスパイルする(最小限操作)

目標

最小限。

結論

1. babel-cli と babel-preset-react を入れる

$ npm install babel-cli babel-preset-react

2. --presets オプションと -d オプション(出力先ディレクトリ)を指定して Babel を実行

$ babel --presets react my_jsx.js -d lib/js
my_jsx.js -> lib/js/my_jsx.js

補足

  • ただ通るだけで実用的ではないですが、例によって動く喜び最優先として
  • --presets react オプションを指定する代わりに .babelrc に書くほうがよい*1
  • ES6 用に $ npm install babel-preset-es2015 も入れておいたほうがいい
  • 2018年の今なら webpack ですかね

*1:presets だけではなくその他もろもろも

Powered by はてなブログ