[![travis](]( [![npm](](
Last updated a year ago by sampi .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install node-less-chokidar 
SYNC missed versions from official npm registry.


travis npm

Compile .less into .css and watch for file changes!


I made this with Create React App in mind, put something similar in your package.json

"scripts": {
    "start": "npm run build-css && run-p -ncr watch-css start-js",
    "start-js": "react-scripts start",

    "build": "run-s -n build-css build-js",
    "build-js": "react-scripts build",

    "test": "run-s -n build-css test-js",
    "test-js": "react-scripts test --env=jsdom",

    "build-css": "node-less-chokidar src",
    "watch-css": "node-less-chokidar src --watch"
"devDependencies": {
    "node-less-chokidar": "^0.3.0",
    "npm-run-all": "^4.1.3"

npm start should build all CSS from the LESS files and then keep watching, npm test will build all files and then run the tests, npm run build-css will build all the CSS, npm run watch-css will watch for changes in the LESS files and build them when they change.

Known bug

There's a bug though in the following case:

Let's say you have these files:

  • variables.less (variable definitions, no imports)
  • mixins.less (mixins, importing variables.less)
  • main.less (imports variables.less, mixins.less and uses the variables and mixins)

If you change variables.less or mixins.less it won't rebuild main.css, because it doesn't know about the dependency graph of the files. The fix is that if you know you're editing one of these files that are imported by other files, just run npm run build-css and everything will be fine.

Current Tags

  • 0.4.1                                ...           latest (a year ago)

6 Versions

  • 0.4.1                                ...           a year ago
  • 0.3.1                                ...           2 years ago
  • 0.1.2                                ...           3 years ago
  • 0.1.1                                ...           3 years ago
  • 0.1.0                                ...           3 years ago
  • 0.0.0                                ...           3 years ago
Maintainers (1)
Today 1
This Week 10
This Month 10
Last Day 4
Last Week 18
Last Month 70
Dependencies (6)
Dev Dependencies (2)

Copyright 2014 - 2016 © |