Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.