@babel/plugin-transform-react-jsx-source

資訊

此外掛程式包含在 @babel/preset-react 中

範例

輸入

<sometag />

輸出

<sometag __source={ { fileName: 'this/file.js', lineNumber: 10, columnNumber: 1 } } />

自 v7.9.0 起，會發出 columnNumber。

安裝

npm

npm install --save-dev @babel/plugin-transform-react-jsx-source

Yarn

yarn add --dev @babel/plugin-transform-react-jsx-source

pnpm

pnpm add --save-dev @babel/plugin-transform-react-jsx-source

用法

透過設定檔（推薦）

babel.config.json

{
  "plugins": ["@babel/plugin-transform-react-jsx-source"]
}

透過 CLI

Shell

babel --plugins @babel/plugin-transform-react-jsx-source script.js

透過 Node API

JavaScript

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