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

情報

このプラグインは@babel/preset-reactに含まれています

例

入力

<sometag />

出力

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

columnNumberはv7.9.0以降で出力されます。

インストール

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経由

シェル

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"],
});