react-app-rewire-sass-rule

Add SASS to create-react-app project with react-app-rewired

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-app-rewire-sass-rule
2.2.12 years ago4 years agoMinified + gzip package size for react-app-rewire-sass-rule in KB

Readme

Rewire create-react-app to use SASS!
Add SASS to your creat-react-app project without ejecting

Use v1.x or v2.x

for react-app-rewired

Use v2.x

for craco
Inspired by react-app-rewire-scss. It has withRuleOptionswhich allows you to configure the rule options except test

Install

$ yarn add react-app-rewired react-app-rewire-sass-rule -D
$ npm install react-app-rewired react-app-rewire-sass-rule --save-dev

Usaga

/* 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;
}