61710


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

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

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


CC BY-SA 4.0
2019-12-18T13:49:33.177
61550
2019-12-23T12:19:49.673
36541
question
javascript npm react-jsx
jsxファイルをjsファイルで記述するにはどんなパッケージが必要なのでしょうか？


こんにちは、 meru さん

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

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

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


CC BY-SA 4.0
2019-12-23T12:19:49.673
61710
2019-12-23T12:19:49.673
37156
61550
answer