Add SASS to create-react-app project with react-app-rewired
Add SASS to your creat-react-app project without ejecting
for craco
Inspired by react-app-rewire-scss. It has withRuleOptions
which allows you to configure the rule options except test
$ yarn add react-app-rewired react-app-rewire-sass-rule -D
$ npm install react-app-rewired react-app-rewire-sass-rule --save-dev
/* config-overrides.js */
const SassRuleRewirer = require('react-app-rewire-sass-rule');
// Basic
module.exports = function override(config, env) {
config = new SassRuleRewirer()
.rewire(config, env);
return config;
}
// Advanced
module.exports = function override(config, env) {
config = new SassRuleRewirer()
.withRuleOptions({...})
.withLoaderOptions({...})
.rewire(config, env);
return config;
}