react-app-rewire-postcss

Configure PostCSS in Create React App without ejecting

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-app-rewire-postcss
11453.0.24 years ago5 years agoMinified + gzip package size for react-app-rewire-postcss in KB

Readme

React App Rewire PostCSS PostCSS Logopostcss
!NPM Versionnpm-imgnpm-url !Build Statuscli-imgcli-url !Support Chatgit-imggit-url
React App Rewire PostCSS lets you configure PostCSS in Create React App v1 and v2 without ejecting.

Usage

Add React App Rewire PostCSS to your Rewired React app:
npm install react-app-rewire-postcss --save-dev

Next, 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
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:

```js
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 dead

Happy PostCSS’ing!