{"_id":"@adactiveasia/node-less-chokidar","name":"@adactiveasia/node-less-chokidar","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@adactiveasia/node-less-chokidar","version":"0.0.1","description":"[![travis](https://travis-ci.org/sampi/node-less-chokidar.svg?branch=master)](https://travis-ci.org/sampi/node-less-chokidar)\r [![npm](https://img.shields.io/npm/v/node-less-chokidar.svg)](https://npmjs.org/package/node-less-chokidar)","main":"bin/node-less-chokidar","bin":{"node-less-chokidar":"bin/node-less-chokidar"},"scripts":{"test":"node bin/node-less-chokidar test/test.less && diff -q test/test-expect.css test/test.css","travis-deploy-once":"travis-deploy-once","semantic-release":"semantic-release"},"repository":{"type":"git","url":"git+https://github.com/sampi/node-less-chokidar.git"},"author":{"name":"Daniel Spitzer","email":"dsp@tradeshift.com","url":"https://github.com/sampi"},"license":"MIT","bugs":{"url":"https://github.com/sampi/node-less-chokidar/issues"},"homepage":"https://github.com/sampi/node-less-chokidar#readme","devDependencies":{"semantic-release":"^21.0.5"},"dependencies":{"async-foreach":"^0.1.3","chokidar":"^3.5.3","glob":"^10.2.7","less":"^4.1.3","meow":"^12.0.1","stdout-stream":"^2.0.0"},"gitHead":"800322648e66ac67c59394cf743b71cb6b9a40be","_id":"@adactiveasia/node-less-chokidar@0.0.1","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-6FDtKa1GFxihotiJnqm3S3lqP3TOQDdJVjVZMZJ3Cy48JxWoOOtC5H59rZoJBvy+uEz3/O6uYINteyGjOBu2pw==","shasum":"58ec8005e7fec903de64bf6c9568c398e428ee0f","tarball":"https://registry.npmjs.org/@adactiveasia/node-less-chokidar/-/node-less-chokidar-0.0.1.tgz","fileCount":8,"unpackedSize":10748,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHY4OsiJd6mXsXwX++qBIWcNVZWY96qVaV4Ek7tSTmY5AiAPfyoCZZ4OWQTBpLRgOGv67aiE1QOwgVzR5HwNCZUixw=="}]},"_npmUser":{"name":"devadactiveasia","email":"dev@adactive.asia"},"directories":{},"maintainers":[{"name":"devadactiveasia","email":"dev@adactive.asia"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/node-less-chokidar_0.0.1_1687246043871_0.27680688961711275"},"_hasShrinkwrap":false}},"time":{"created":"2023-06-20T07:27:23.820Z","0.0.1":"2023-06-20T07:27:24.014Z","modified":"2023-06-20T07:27:24.192Z"},"maintainers":[{"name":"devadactiveasia","email":"dev@adactive.asia"}],"description":"[![travis](https://travis-ci.org/sampi/node-less-chokidar.svg?branch=master)](https://travis-ci.org/sampi/node-less-chokidar)\r [![npm](https://img.shields.io/npm/v/node-less-chokidar.svg)](https://npmjs.org/package/node-less-chokidar)","homepage":"https://github.com/sampi/node-less-chokidar#readme","repository":{"type":"git","url":"git+https://github.com/sampi/node-less-chokidar.git"},"author":{"name":"Daniel Spitzer","email":"dsp@tradeshift.com","url":"https://github.com/sampi"},"bugs":{"url":"https://github.com/sampi/node-less-chokidar/issues"},"license":"MIT","readme":"# node-less-chokidar\r\n\r\n[![travis](https://travis-ci.org/sampi/node-less-chokidar.svg?branch=master)](https://travis-ci.org/sampi/node-less-chokidar)\r\n[![npm](https://img.shields.io/npm/v/node-less-chokidar.svg)](https://npmjs.org/package/node-less-chokidar)\r\n\r\nCompile `.less` into `.css` and watch for file changes!\r\n\r\n## HOWTO\r\n\r\nI made this with [Create React App](https://github.com/facebookincubator/create-react-app) in mind, put something similar in your `package.json`\r\n\r\n```json\r\n\"scripts\": {\r\n    \"start\": \"npm run build-css && run-p -ncr watch-css start-js\",\r\n    \"start-js\": \"react-scripts start\",\r\n\r\n    \"build\": \"run-s -n build-css build-js\",\r\n    \"build-js\": \"react-scripts build\",\r\n\r\n    \"test\": \"run-s -n build-css test-js\",\r\n    \"test-js\": \"react-scripts test --env=jsdom\",\r\n\r\n    \"build-css\": \"node-less-chokidar src\",\r\n    \"watch-css\": \"node-less-chokidar src --watch\"\r\n},\r\n\"devDependencies\": {\r\n    \"node-less-chokidar\": \"^0.3.0\",\r\n    \"npm-run-all\": \"^4.1.3\"\r\n}\r\n```\r\n\r\n`npm start` should build all CSS from the LESS files and then keep watching,\r\n`npm test` will build all files and then run the tests,\r\n`npm run build-css` will build all the CSS,\r\n`npm run watch-css` will watch for changes in the LESS files and build them when they change.\r\n\r\n## Known bug\r\n\r\nThere's a bug though in the following case:\r\n\r\nLet's say you have these files:\r\n\r\n* `variables.less` (variable definitions, no imports)\r\n* `mixins.less` (mixins, importing `variables.less`)\r\n* `main.less` (imports `variables.less`, `mixins.less` and uses the variables and mixins)\r\n\r\nIf 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.\r\nThe 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.\r\n\r\n","readmeFilename":"README.md"}