babel-plugin-transform-jsx-include-source

Add a data-source prop to all JSX Elements

Usage no npm install needed!

<script type="module">
  import babelPluginTransformJsxIncludeSource from 'https://cdn.skypack.dev/babel-plugin-transform-jsx-include-source';
</script>

README

babel-plugin-transform-jsx-include-source

Adds source file to JSX elements.

Example

In

<sometag />

Out

<sometag data-source={__jsxFileName}/>

Installation

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

Usage

Via .babelrc (Recommended)

.babelrc

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

Via CLI

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

Via Node API

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