{"id":26632,"library":"watchalive-less","title":"watchalive-less","description":"A Less/CSS transpiler plugin for the watchalive file-watching and live-reload system. Version 0.1.1 is the initial release, designed to compile Less files to CSS automatically during development. It serves as an alternative to using the standalone lessc compiler or other build-tool integrations, tightly coupled with the watchalive ecosystem for seamless file monitoring and CSS injection.","status":"active","version":"0.1.1","language":"javascript","source_language":"en","source_url":"https://github.com/watchalive/watchalive-less","tags":["javascript","less","css","transpiler"],"install":[{"cmd":"npm install watchalive-less","lang":"bash","label":"npm"},{"cmd":"yarn add watchalive-less","lang":"bash","label":"yarn"},{"cmd":"pnpm add watchalive-less","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Core file-watching and live-reload framework required for operation","package":"watchalive","optional":false}],"imports":[{"note":"CommonJS-only; no ESM or TypeScript declarations provided.","wrong":"import watchaliveLess from 'watchalive-less'","symbol":"watchalive-less","correct":"require('watchalive-less')"},{"note":"Default export is the plugin instance, but the named export LessPlugin may not exist. Check documentation.","wrong":"const { LessPlugin } = require('watchalive-less')","symbol":"LessPlugin","correct":"const LessPlugin = require('watchalive-less').LessPlugin"},{"note":"ESM import may fail; use require for CommonJS compatibility.","wrong":"import lessPlugin from 'watchalive-less'","symbol":"default","correct":"const lessPlugin = require('watchalive-less')"}],"quickstart":{"code":"const watchalive = require('watchalive');\nconst lessPlugin = require('watchalive-less');\n\nwatchalive.create({\n  port: 3001,\n  root: './src',\n  plugins: [lessPlugin],\n  // Other watchalive options\n}).start();","lang":"javascript","description":"Sets up a watchalive server with the Less transpiler plugin, watching ./src directory for changes and compiling Less files to CSS."},"warnings":[{"fix":"Refer to watchalive documentation for plugin integration patterns.","message":"No README or documentation provided in the package; usage relies solely on understanding watchalive's plugin API.","severity":"gotcha","affected_versions":">=0.1.1"},{"fix":"Use require() instead of import.","message":"Package is CommonJS-only; attempting ESM imports may fail.","severity":"gotcha","affected_versions":">=0.1.1"},{"fix":"Create custom declaration or use @types if available.","message":"No TypeScript type definitions included.","severity":"gotcha","affected_versions":">=0.1.1"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Run 'npm install watchalive-less --save-dev' and ensure it's in the same directory as your script.","cause":"Package not installed or not in node_modules","error":"Error: Cannot find module 'watchalive-less'"},{"fix":"Ensure you have watchalive installed and use const watchalive = require('watchalive');","cause":"watchalive not imported correctly or version mismatch","error":"TypeError: watchalive.create is not a function"},{"fix":"Use require('watchalive-less') as the plugin entry, not a constructor.","cause":"Incorrect usage of the plugin object","error":"Error: Plugin 'watchalive-less' is not a valid plugin"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}