@babel/plugin-syntax-jsx

Только синтаксис​

Использование этого плагина напрямую позволяет Babel только анализировать этот синтаксис. Если вы хотите преобразовать синтаксис JSX, используйте плагин transform-react-jsx или пресет react, чтобы и анализировать, и преобразовывать этот синтаксис.

Установка​

npm install --save-dev @babel/plugin-syntax-jsx

yarn add --dev @babel/plugin-syntax-jsx

pnpm add --save-dev @babel/plugin-syntax-jsx

Использование​

С файлом конфигурации (рекомендуется)​

{
  "plugins": ["@babel/plugin-syntax-jsx"]
}

Через командную строку​

babel --plugins @babel/plugin-syntax-jsx script.js

Через API Node.js​

require("@babel/core").transformSync("code", {
  plugins: ["@babel/plugin-syntax-jsx"],
});