craco-sass-loader

Craco sass-resources-loader

This is a craco plugin to add sass-resources-loader with create-react-app version >= 5.

Installation

$ yarn add -D craco-sass-loader

# OR

$ npm install craco-sass-loader --save-dev

Usage

craco-sass-loader expect a resources option containing a string or an array of string pointing the scss files your want to load before any scss/sass file.

const sassResourcesLoader = require('craco-sass-loader');

module.exports = {
  plugins: [
    {
      plugin: sassResourcesLoader,
      options: {
        resources: './src/my-config-theme.scss',
      },
    },
  ],
}

You can load multiple scss resources files too:

const sassResourcesLoader = require('craco-sass-loader');

module.exports = {
  plugins: [
    {
      plugin: sassResourcesLoader,
      options: {
        resources: [
          './src/my-config-theme.scss',
          './src/my-other-config-theme.scss'
        ],
      },
    },
  ],
}