0

create-react-appにでプロジェクトを開始すると、最初から拡張子が.jsファイル内にjsx記法を使うことができますが、一体どのパッケージがその処理を担っているのでしょうか

react-scriptsがよしなにやってくれているとは思うのですが、
react-scriptsは裏側でいろんなパッケージをinstallしていたり設定ファイルを書いていたりするイメージがあり、結局どのパッケージがjsxをjsファイル内でも記述できるようにしているのか疑問です。

どうぞよろしくお願いします。

1 件の回答 1

0

こんにちは、 meru さん

ご質問のjsx記法の処理についてですが、基本的には babel というJavaScriptコンパイラがその役割を担っています。
https://babeljs.io/docs/en/#jsx-and-react

さらに具体的には、以下のプラグインで jsx から JavaScriptオブジェクト にトランスパイルしているので、ご質問の機能は以下で実行されています。
https://babeljs.io/docs/en/babel-plugin-transform-react-jsx

参考になれば、幸いです。

1
  • ご丁寧にありがとうございます!babel、トランスパイル系のことを色々やってくれている印象はありましたが、jsx→jsへの対応もしているのですね。ありがとうございます!試させていただきます!!
    – meru
    Commented 2019年12月24日 6:44

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。