https://github.com/ryouaki/react-less-watcher
A tool for help create-react-app work with less
https://github.com/ryouaki/react-less-watcher
chokidar create-react-app css less react watcher
Last synced: 5 months ago
JSON representation
A tool for help create-react-app work with less
- Host: GitHub
- URL: https://github.com/ryouaki/react-less-watcher
- Owner: ryouaki
- License: mit
- Created: 2018-02-24T02:46:45.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2023-07-08T00:10:28.000Z (over 2 years ago)
- Last Synced: 2025-06-17T14:22:26.846Z (6 months ago)
- Topics: chokidar, create-react-app, css, less, react, watcher
- Language: JavaScript
- Size: 88.9 KB
- Stars: 7
- Watchers: 2
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](http://npm-stat.com/charts.html?package=react-less-watcher)
# react-less-watcher
A tool for help create-react-app work with less
# Description
It is only a simple tool for compile less to css. BTW, it not only work with create-react-app also can work with command line .
When you work with it, it will create a css file at the same directory of less, and with the same name, so you import the css file in your jsx file is ok.
```
|-src
|-main.less
|-main.css
```
```jsx
import './main.css';
...
```
**Note** : It will takes some time to compile the less file to css file, so you'd better to create a less file first, and then import the css file or you will get a error.
# Usage
## install
```
$ npm install -save react-less-watcher
```
## package.json
```
scripts: {
"watch-less": "react-less-watcher -d src",
"start": "react-scripts start&npm run watch-less"
}
```
# Changed
- 2018-02-27 bug fix for does not create new css file when add a empty less file
- 2018-02-24 1.0.0 Released
# License
MIT