webpack-react-md-import-transformer
A basic import transformer to optimize react-md imports.
Table of contents
Important notice
Since react-md v1.3 the /es imports have been changed from react-md/es/react-md
to react-md/es/index
. Adjust the transform call in your webpack configuration accordingly.
Installation
- install the babel-plugin-transform-imports package:
npm insall --save-dev babel-plugin-transform-imports
- install my webpack-react-md-import-transformer package:
npm install --save-dev webpack-react-md-import-transformer
- require my package in your webpack.config.js file:
const reactMdTransformer = ;
- adjust your js module rule loader to something like that:
test: /\.$/ use: loader: 'babel-loader' query: plugins: "react-md/es/index": "transform": reactMdTransformer preventFullImport: true exclude: /node_modules/
That's it.
Bugs/Missing components
If you face any build errors feel free to open an issue (https://github.com/Kaishiyoku/webpack-react-md-import-transformer/issues).
Should you face runtime errors where some components are undefined it may be possible that the component import mapping is insufficient for a specific component. In that case please open an issue, too so that I can adjust the mapping rules.
License
MIT (https://github.com/Kaishiyoku/webpack-react-md-import-transformer/blob/master/LICENSE)
Author
Twitter: @kaishiyoku
Website: www.andreas-wiedel.de