Security News
PyPI’s New Archival Feature Closes a Major Security Gap
PyPI now allows maintainers to archive projects, improving security and helping users make informed decisions about their dependencies.
By Sarah Gooding - Jan 30, 2025
New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
lessless
Compiles all your project's LESS into CSS, converts LESS <links> into regular CSS <links>, and removes less.js from your html page.
lessless
Compiles all your project's LESS into CSS, converts LESS links into regular CSS links, and removes less.js from your html page.
CAUTION: This tool modifies your source code and therefore is meant to be run as part of a build process that creates a copy of your project files(like RequireJS and others).
Installing
npm install lessless -g
Usage
As Command Line Tool
lessless /path/to/project
OR
cd /path/to/project
lessless
As Module
var lessless = require('lessless');
lessless.optimizeProject('/path/to/project'); //OR process.cwd()
Optionally specify @import paths
LESS needs to know where to look when it finds an @import in your less files. The defaults are the root of the project, and a CSS folder. You can add to these default places to look by passing an array of paths as the second parameter:
lessless.optimizeProject('/path/to/project', ['mystyles/less', 'look/here/for/styles/too']);
So What Exactly Does It Do?
- Scans your project for LESS files and generates the appropriate CSS files with the same names. For example if your project has a
styles/main.less, astyles/main.cssfile will get created (using the less.js tool). - Updates any html files to reference the new CSS instead of the LESS. For example:
<html>
<head>
<link rel="stylesheet/less" type="text/css" href="styles/main.less" />
</head>
</html>
becomes:
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles/main.css" />
</head>
</html>
- Removes the
less.jsfile from your html because you don't need it once your LESS is compiled into regular CSS. Example:
<html>
<head>
<script type="text/javascript" src="js/less.js"></script>
</head>
</html>
becomes:
<html>
<head>
</head>
</html>
Give it a try and feel free to post any issues!
Run The Tests
lessless uses busterjs for its tests. To run the tests you need to have buster installed: npm install buster -g.
Then from the root of the lessless directory: buster test. Pull requests with tests are highly appreciated.
FAQs
Compiles all your project's LESS into CSS, converts LESS <links> into regular CSS <links>, and removes less.js from your html page.
The npm package lessless receives a total of 15 weekly downloads. As such, lessless popularity was classified as not popular.
We found that lessless demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Package last updated on 08 Mar 2012
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Related posts
Research
Security News
North Korean APT Lazarus Targets Developers with Malicious npm Package
Malicious npm package postcss-optimizer delivers BeaverTail malware, targeting developer systems; similarities to past campaigns suggest a North Korean connection.
By Kirill Boychenko, Peter van der Zee - Jan 29, 2025
Security News
CISA Brings KEV Data to GitHub
CISA's KEV data is now on GitHub, offering easier access, API integration, commit history tracking, and automated updates for security teams and researchers.
By Sarah Gooding - Jan 29, 2025