React App Rewire PostCSS lets you configure PostCSS in Create React App v1 and v2 without ejecting.
Add React App Rewire PostCSS to your Rewired React app:
npm install react-app-rewire-postcss --save-devNext, add React App Rewire PostCSS to config-overrides.js in your React app directory:
module.exports = config => { require('react-app-rewire-postcss')(config/*, options */); return config; };That’s it! Now you can control PostCSS with all the configuration options from PostCSS Loader:
module.exports = config => { require('react-app-rewire-postcss')(config, { plugins: loader => [ require('postcss-preset-env')() ] }); return config; };Alternatively, you can now use postcss.config.js in your React app directory:
module.exports = config => { require('react-app-rewire-postcss')(config, true /* any truthy value will do */); return config; };module.exports = { plugins: { 'postcss-preset-env': { stage: 0 } } };And you can leverage Browserslist by adding a .browserslistrc to your React app directory:
# browsers we support > 2% not deadHappy PostCSS’ing!