Как javascript работает с jsx

Итак, я недавно наткнулся на jsx, и мне стало интересно, как jsx на самом деле работает под капотом, предварительно компилируется ли код javascript для преобразования jsx в обычный javascript (если да, то как это будет работать?) или может ли движок javascript напрямую компилировать jsx?

<some>jsx here</some>
<some>jsx here</some>
var = "regular javascript";

редактировать Я знаю, что делает jsx и для чего он предназначен, я спрашиваю, как jsx преобразуется в код javascript. Или это делают браузеры?

если этот вопрос не по теме, дайте мне знать, чтобы я мог удалить его или перейти на нужный сайт.


javascript jsx interpreter precompile
person FutureCake    schedule 23.06.2019    source источник
comment
да, он предварительно скомпилирован. Обычно через babel с использованием конвейера сборки с веб-пакет. почему бы вам не загрузить какой-нибудь пример реакции и не проверить раздел scripts в package.json   -  person Thomas    schedule 23.06.2019
comment
@ Томас Томас, а как это делает Babel? это просто какое-то регулярное выражение для преобразования кода в js?   -  person FutureCake    schedule 23.06.2019
comment
Нет, это намного сложнее. Он анализирует весь ваш проект (включая JSX) в AST, делает что-то с AST, преобразует результат в JS и записывает его в файл js.   -  person Thomas    schedule 23.06.2019
comment
хорошо, спасибо, это все, что мне нужно было знать!   -  person FutureCake    schedule 23.06.2019

Ответы (2)


arrow_upward
0
arrow_downward

Это дубликат: Что означает JSX?. Но если коротко, то он предварительно скомпилирован в обычный JavaScript.

person Ziv Ben-Or    schedule 23.06.2019

arrow_upward
0
arrow_downward

на самом деле jsx ничего не делает с вашим кодом.

когда вы запускаете проект приложения для реагирования, вы должны использовать babel и babel, есть много plugins и presets, и они преобразуют ваш код в обычный код javascript для браузеров и проверьте это babeljs.io

после этого вы можете проверить это webpackjs

person Farshad Fahimi    schedule 23.06.2019