9f76cf7c42
For better tooling support it's important to include absolute file name for JSX elements. However, having them inline will inflate resulting file size, so we move the file name to a constant declared at the beginning of the file and reference it from `__source` attribute.
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"]
});