{"id":22108,"library":"rollup-plugin-less","title":"rollup-plugin-less","description":"A Rollup plugin for compiling Less files to CSS. Current stable version is 1.1.3, released in 2020. It supports inserting CSS into the DOM or writing to a file. Minimal configuration, but limited flexibility compared to alternatives like rollup-plugin-postcss. Not actively maintained; last commit was in 2021.","status":"maintenance","version":"1.1.3","language":"javascript","source_language":"en","source_url":"https://github.com/xiaofuzi/rollup-plugin-less","tags":["javascript","rollup","plugin","less","rollup-plugin"],"install":[{"cmd":"npm install rollup-plugin-less","lang":"bash","label":"npm"},{"cmd":"yarn add rollup-plugin-less","lang":"bash","label":"yarn"},{"cmd":"pnpm add rollup-plugin-less","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Core dependency for Less compilation; must be installed separately.","package":"less","optional":false}],"imports":[{"note":"Package does not export a named function; default import only.","wrong":"const less = require('rollup-plugin-less')","symbol":"default (less)","correct":"import less from 'rollup-plugin-less'"},{"note":"For TypeScript users, types are provided; use type import for options.","wrong":"","symbol":"Options","correct":"import type { LessOptions } from 'rollup-plugin-less'"},{"note":"In CommonJS, the default export is accessed via .default.","wrong":"const less = require('rollup-plugin-less')","symbol":"less function","correct":"const less = require('rollup-plugin-less').default"}],"quickstart":{"code":"// rollup.config.js\nimport less from 'rollup-plugin-less';\n\nexport default {\n  input: 'src/main.js',\n  output: {\n    file: 'dist/bundle.js',\n    format: 'es'\n  },\n  plugins: [\n    less({\n      insert: true,\n      output: 'dist/styles.css'\n    })\n  ]\n};","lang":"javascript","description":"Basic Rollup config using rollup-plugin-less to compile .less files and output a CSS bundle."},"warnings":[{"fix":"Run npm install less --save-dev alongside the plugin.","message":"The plugin expects less to be installed as a peer dependency; if not present, it will throw a runtime error.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Use output option to write CSS to a file for SSR compatibility.","message":"When insert is true, CSS is injected into <head> only in browser environments; it will fail in Node.js SSR contexts.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Remove any 'useDefault' option from plugin configuration.","message":"The option 'useDefault' is not supported; the plugin always uses the less default render.","severity":"deprecated","affected_versions":">=1.1.0"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"npm install less --save-dev","cause":"Less is not installed or not found in node_modules.","error":"Error: Cannot find module 'less'"},{"fix":"Use require('rollup-plugin-less').default or switch to ES import.","cause":"Incorrect import; using require without .default in CommonJS.","error":"TypeError: Cannot read properties of undefined (reading 'render')"},{"fix":"Update to the latest version or ensure include/exclude patterns are correct.","cause":"Plugin version incompatibility with Rollup 2+; the plugin's transform hook returns undefined for non-Less files.","error":"Error: Plugin returned an object, but expected an object with code or map property","affected_versions":">=1.1.0"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}