React-scripts-sass-chokidar NPM

react-scripts-sass-chokidar

Simple implementation of the React team's recommended approach to integrating CSS preprocessors using npm scripts and node-sass-chokidar. Uses *.scss file extension by default.

Opinionated file structure, which assumes a component-based approach to stylesheets. Treats files matching /src/component/**/*.css and /src/*.css as build artifacts in .gitignore. *.css files that need to be checked in to source control can be placed in /src/css:

my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   └── favicon.ico
│   └── index.html
│   └── manifest.json
└── src
    ├── index.js
    ├── index.scss
    ├── registerServiceWorker.js
    ├── component
    │   └── App
    │       └── App.scss
    │       └── index.js
    │       └── index.test.js
    ├── css
    │   └── _var.scss
    └── img
        └── logo.svg

This package includes scripts and configuration used by Create React App.

For more information, please refer to its documentation:

Getting Started – How to create a new app.
User Guide – How to develop apps bootstrapped with Create React App.