ideal-rewires
easily impliment must-have rewires to supercharge your CRA-based project
Features
- customize via
.babelrc
.eslintrc
.stylelintrc
- inlining of your main bundle (code-splitting friendly)
- standard image compression
- lighthouse-oriented manifest generation
- whitelist un-precompiled libs (avoid nasty minification errors)
Installation
# with npm $ npm install -D ideal-rewires
Usage
react-app-rewired
Make sure you've also installed the latest version of config-overrides.js
file in your root director:
Create a const rewire = default // in this instance, all we want is to use a `.babelrc` fileconst options = babelrc: true moduleexports =
All Options
options
The object that you pass to rewire()
options.babelrc
Whether to look for & (if present) use a .babelrc
file
options.eslintrc
Whether to look for & (if present) use a .eslintrc
file
options.stylelintrc
Whether to look for & (if present) use a .stylelintrc
file
options.appMeta
Used to generate the manifest.json
on build
options.appMeta.name
options.appMeta.nickname
options.appMeta.description
options.appMeta.icon
(path to 512 x 512 icon asset)
options.appMeta.iconBackgroundColor
options.appMeta.themeColor
options.devServerHeaders
Customize dev server headers (for instance, if you use an authentication API that requests your app's manifest)
options.whitelist
Whitelist un-precompiled libraries for compilation and avoid the following error (documented here):
Failed to minify the code from this file
This can be particularly helpful if you're directly or indirectly using the bitcoinjs-lib. Here's an example of this option's usage:
config-overrides.js
const rewire = default moduleexports =