react-app-rewire-babel-loader
Rewire
babel-loader
loader in yourcreate-react-app
project usingreact-app-rewired
.
Say there is an awesome library you found on npm that you want to use within your un-ejected create-react-app
project, but unfortunately, it's published in ES6+ (since node_modules
doesn't go through babel-loader
), so you cannot really use it.
However, with react-app-rewired
and this library, react-app-rewire-babel-loader
, you can use that awesome library you've found.
See below for usage.
Usage
// config-overrides.js// see: https://github.com/timarney/react-app-rewired const path = ;const fs = ; const rewireBabelLoader = ; // helpers const appDirectory = fs;const resolveApp = path; module { // white-list some npm modules to the babel-loader pipeline // see: https://webpack.js.org/configuration/module/#rule-include config = rewireBabelLoader; // black-list some modules from the babel-loader pipeline // see: https://webpack.js.org/configuration/module/#rule-exclude config = rewireBabelLoader; return config; };
Development
node.js
andnpm
. See: https://github.com/creationix/nvm#installationyarn
. See: https://yarnpkg.com/en/docs/installnpm
dependencies. Run:yarn install
Chores
- Lint:
yarn run lint
- Prettier:
yarn run pretty
- Test:
yarn run test
- Pre-publish:
yarn run prepublish
- Build:
yarn run build
License
MIT.