Skip to content

rickharrison/create-react-app-sass

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

Add sass support to create-react-app.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages