Auto compile LESS file on save and process the CSS further with PostCSS plugins.
Currently supports these PostCSS plugins:
Add the parameters on the first line of the LESS file.
Parameter | Type | Description |
---|---|---|
out | string | Path of CSS file to create |
sourcemap | boolean | Create sourcemap file |
compress | boolean | Compress CSS file |
main | string | Path to your main LESS file to be compiled. Separate multiple files with "|" |
autoprefixer | boolean|string | Boolean value uses default settings. String value is passed as browserslist to the autoprefixer-plugin. Separate multiple entires with a ";" character. |
oldie | boolean | Oldie makes a separate IE8 compatible version of the CSS file (removes mediaqueries etc). |
styles/main.less
// out: ../dist/main.css, sourcemap: true, compress: true, autoprefixer: true
@import "../components/carousel/carousel.less";
components/carousel/carousel.less
// main: ../../main.less
.carousel {
height: 400px;
}