Gathering detailed insights and metrics for node-less-chokidar
Gathering detailed insights and metrics for node-less-chokidar
Gathering detailed insights and metrics for node-less-chokidar
Gathering detailed insights and metrics for node-less-chokidar
@adactiveasia/node-less-chokidar
[](https://travis-ci.org/sampi/node-less-chokidar) [](https://npmjs.org/package/node-less-chokidar)
node-less-chokidar-include
## HOWTO
adactiveasia-node-less-chokidar
[](https://travis-ci.org/sampi/node-less-chokidar) [](https://npmjs.org/package/node-less-chokidar)
Watch and build CSS from LESS, compatible with Create React App
npm install node-less-chokidar
Typescript
Module System
Node Version
NPM Version
JavaScript (97.62%)
CSS (2.38%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
MIT License
20 Stars
30 Commits
10 Forks
3 Watchers
15 Branches
4 Contributors
Updated on Jun 26, 2023
Latest Version
0.4.1
Package Id
node-less-chokidar@0.4.1
Unpacked Size
10.12 kB
Size
4.36 kB
File Count
8
NPM Version
6.6.0
Node Version
10.15.0
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
6
2
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
1"scripts": { 2 "start": "npm run build-css && run-p -ncr watch-css start-js", 3 "start-js": "react-scripts start", 4 5 "build": "run-s -n build-css build-js", 6 "build-js": "react-scripts build", 7 8 "test": "run-s -n build-css test-js", 9 "test-js": "react-scripts test --env=jsdom", 10 11 "build-css": "node-less-chokidar src", 12 "watch-css": "node-less-chokidar src --watch" 13}, 14"devDependencies": { 15 "node-less-chokidar": "^0.3.0", 16 "npm-run-all": "^4.1.3" 17}
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.
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.
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 3/22 approved changesets -- score normalized to 1
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
92 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-06-30
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More