@types/less

What is @types/less?

@types/less provides TypeScript type definitions for the Less CSS preprocessor, allowing developers to use Less in TypeScript projects with type safety and autocompletion.

What are @types/less's main functionalities?

Compiling Less to CSS

This feature allows you to compile Less code into CSS. The code sample demonstrates how to use the Less compiler to convert a Less string into CSS.

const less = require('less');
const input = '.class { width: (1 + 1) }';
less.render(input, (e, output) => {
  console.log(output.css);
});

Using Less with options

This feature allows you to compile Less code with additional options such as compression. The code sample shows how to pass options to the Less compiler.

const less = require('less');
const input = '.class { width: (1 + 1) }';
const options = { compress: true };
less.render(input, options, (e, output) => {
  console.log(output.css);
});

Handling errors

This feature demonstrates how to handle errors during the Less compilation process. The code sample shows how to catch and log errors.

const less = require('less');
const input = '.class { width: (1 + 1) }';
less.render(input, (e, output) => {
  if (e) {
    console.error(e);
  } else {
    console.log(output.css);
  }
});

Other packages similar to @types/less

sass

Sass is another popular CSS preprocessor that offers more advanced features compared to Less. It has a different syntax and a larger community. Unlike @types/less, Sass has its own official TypeScript definitions.

stylus

Stylus is a CSS preprocessor that offers a more flexible syntax and additional features like mixins and functions. It is less popular than Sass but provides more syntactic freedom compared to Less. Stylus also has TypeScript definitions available.

postcss

PostCSS is a tool for transforming CSS with JavaScript plugins. It is not a preprocessor like Less but can be used to achieve similar functionalities through plugins. PostCSS is highly modular and has a large ecosystem of plugins. TypeScript definitions are available for PostCSS as well.

README

Installation

npm install --save @types/less

Summary

This package contains type definitions for less (http://lesscss.org/).

Details

Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/less.

Additional Details

• Last updated: Tue, 19 Nov 2024 18:38:08 GMT
• Dependencies: none

Credits

These definitions were written by Tom Hasner, Pranay Prakash, and Richard Lea.