cra

create-react-app-sass

Add sass support to create-react-app.

Showing:

Popularity

Downloads/wk

2

GitHub Stars

42

Maintenance

Last Commit

5yrs ago

Contributors

1

Package

Dependencies

3

Size (min+gzip)

17.6KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

This project has been deprecated

Please use https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-css-preprocessor-sass-less-etc instead.

create-react-app-sass

Enhances create-react-app to include support for Sass.

Installation

npm install create-react-app-sass --save-dev

Usage

Replace your start and build scripts in your package.json

"scripts": {
  "start": "react-scripts-with-sass start",
  "build": "react-scripts-with-sass build",
  "test": "react-scripts test --env=jsdom",
  "eject": "react-scripts eject"
},

Your src directory will automatically re-compile any .scss file into a .css file with the same name in the same location. Then you can import the .css file in your components the same way as before using create-react-app. You will also need to add *.css to your .gitignore file as they are now just a build artifact and your .scss is the true source.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial