@babel/plugin-syntax-jsx

注記

構文のみ

このプラグインを直接使用すると、Babelはこの構文を解析することのみが可能になります。JSX構文を変換したい場合は、transform-react-jsx プラグインまたは react プリセットを使用して、この構文を解析*および*変換してください。

インストール

npm

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

Yarn

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

pnpm

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

使用方法

設定ファイルを使用する（推奨）

babel.config.json

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

CLI経由

シェル

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

Node API経由

JavaScript

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