https://github.com/rickharrison/create-react-app-sass

Add sass support to create-react-app.
https://github.com/rickharrison/create-react-app-sass

Last synced: 9 days ago
JSON representation

Add sass support to create-react-app.

• Host: GitHub
• URL: https://github.com/rickharrison/create-react-app-sass
• Owner: rickharrison
• License: mit
• Created: 2016-10-11T06:17:48.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-03-04T20:57:41.000Z (over 7 years ago)
• Last Synced: 2024-09-25T21:56:32.974Z (about 1 month ago)
• Size: 2.93 KB
• Stars: 41
• Watchers: 2
• Forks: 5
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• -awesome-create-react-app - Create React App Sass - Enhances create-react-app to include support for Sass. (React Scripts Versions)
• awesome-create-react-app - Create React App Sass - Enhances create-react-app to include support for Sass. (React Scripts Versions)

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](https://github.com/facebookincubator/create-react-app) to include support for [Sass](http://sass-lang.com/).

### 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.