https://github.com/rickharrison/create-react-app-stylus
Add stylus support to create-react-app.
https://github.com/rickharrison/create-react-app-stylus
Last synced: 8 months ago
JSON representation
Add stylus support to create-react-app.
- Host: GitHub
- URL: https://github.com/rickharrison/create-react-app-stylus
- Owner: rickharrison
- License: mit
- Created: 2016-10-11T07:51:44.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2019-01-17T06:35:34.000Z (over 7 years ago)
- Last Synced: 2025-09-16T03:01:01.883Z (10 months ago)
- Size: 2.93 KB
- Stars: 18
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# create-react-app-stylus
Enhances [create-react-app](https://github.com/facebookincubator/create-react-app) to include support for [stylus](http://stylus-lang.com/).
### Installation
```
npm install create-react-app-stylus --save-dev
```
### Usage
Replace your `start` and `build` scripts in your `package.json`.
```
"scripts": {
"start": "react-scripts-with-stylus start path/to/main.styl",
"build": "react-scripts-with-stylus build path/to/main.styl",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
```
This is configured to work off of one `.styl` file that will use `@import` to import all the rest of your css. As an example, if you have `src/styles/app.styl`, your start command will be `react-scripts-with-stylus start src/styles/app.styl`. Then in your `index.js` you will need to `import './styles/app.css'` to have `create-react-app` pull in your css. Make sure to add `*.css` to your `.gitignore` as it is now a build artifact.