Use create-react-app to build react umd libraries
npm install react-app-rewire-react-umd-libraryEnable output of umd and css.
Fork react-app-rewire-react-library
``
yarn add --dev react-app-rewire-react-umd-library
npm install --save-dev react-app-rewire-react-umd-library
`
you created for react-app-rewired add this code:`
const rewireCreateReactLibrary = require('react-app-rewire-react-library');module.exports = function override(config, env) {
config = rewireCreateReactLibrary(config, env);
return config;
};
`In
package.json, add a separate npm script to build library`
{
"main": "./build/library.js",
"outCss": "./build/library.css", // optional
"outHtml": "./build/library.html", // optional
"libraryTarget": "umd", // or commonjs
"scripts": {
...
"build-library": "react-app-rewired build --library",
...
}
}
``