@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

Shell

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

透過 Node API

JavaScript

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