1. babel-plugin-transform-react-jsx-source
Add a __source prop to all JSX Elements
babel-plugin-transform-react-jsx-source
Package: babel-plugin-transform-react-jsx-source
Created by: babel
Last modified: Mon, 13 Jun 2022 04:05:11 GMT
Version: 6.22.0
License: MIT
Downloads: 1,950,767
Repository: https://github.com/babel/babel/tree/master/packages/babel-plugin-transform-react-jsx-source

Install

npm install babel-plugin-transform-react-jsx-source
yarn add babel-plugin-transform-react-jsx-source

babel-plugin-transform-react-jsx-source

Adds source file and line number to JSX elements.

Example

###In

<sometag />

###Out

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

Installation

 $ npm install babel-plugin-transform-react-jsx-source

Usage

Via .babelrc (Recommended)

.babelrc

 {
  "plugins": ["transform-react-jsx-source"]
}

Via CLI

 $ babel --plugins transform-react-jsx-source script.js

Via Node API

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

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code