babel-plugin-transform-react-jsx-img-import
Generate imports for jsx img elements. A handy transform for use in webpack workflows.
Exclude elements from transformation
Prefix a img src with "!" to exclude it from the transformation.
var profile = <div> <img src="!avatar.png" className="profile" /></div>;
Example
In
var profile = <div> <img src="avatar.png" className="profile" /> <h3>userfirstName userlastName</h3></div>;
Out
var _avatar = ; var _image = ; { if obj && obj__esModule return obj; else var newObj = {}; if obj != null for var key in obj if ObjectprototypehasOwnProperty newObjkey = objkey; newObjdefault = obj; return newObj; } var profile = React;
Installation
Install it via npm:
npm install babel-plugin-transform-react-jsx-img-import
Usage
Via .babelrc (Recommended)
.babelrc
"plugins": "transform-react-jsx-img-import"
Via CLI
$ babel --plugins transform-react-jsx-img-import script.js
Via Node API
;
License
MIT