Skip to main content

@babel/plugin-syntax-jsx

note

仅语法​

🌐 Syntax only

直接使用这个插件只会让 Babel 能解析这种语法。如果你想转换 JSX 语法，那么使用 transform-react-jsx 插件或 react 预设来同时解析和转换这种语法。

🌐 Using this plugin directly only enables Babel to parse this syntax. If you want to transform JSX syntax then use the transform-react-jsx plugin or react preset to both parse and transform this syntax.

安装​

🌐 Installation

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

用法​

🌐 Usage

🌐 With a configuration file (Recommended)

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

通过 CLI​

🌐 Via CLI

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

通过 Node API​

🌐 Via Node API

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