Compiles all your project's LESS into CSS, converts LESS <links> into regular CSS <links>, and removes less.js from your html page.
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).
npm install lessless -g
lessless /path/to/project
OR
cd /path/to/project
lessless
var lessless = require('lessless');
lessless.optimizeProject('/path/to/project'); //OR process.cwd()
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']);
lessless.optimizeProject('/path/to/project', ['mystyles/less'], ['jsp', 'cshtml']);
## So What Exactly Does It Do?
1. 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`, a `styles/main.css` file will get created (using the [less.js](http://lesscss.org/#-server-side-usage) tool).
2. Updates any html files to reference the new CSS instead of the LESS.
For example:
```html
<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>
less.js file 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!
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.
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.
Research
Security News
Malicious npm package postcss-optimizer delivers BeaverTail malware, targeting developer systems; similarities to past campaigns suggest a North Korean connection.
Security News
CISA's KEV data is now on GitHub, offering easier access, API integration, commit history tracking, and automated updates for security teams and researchers.
Security News
Opengrep forks Semgrep to preserve open source SAST in response to controversial licensing changes.