Question

我们正在使用NodeJS来构建我们的项目。我们已将LESS CSS集成为项目的一部分。我们试图保持我们的构建清洁，并希望能够调用lessc命令（或类似的东西）来构建我们的LESS文件。

LESS文档不是很深入，但希望与社区联系以寻找解决方案。谷歌对这个话题的帮助不大。

我们有一个build.sh文件，它调用各种其他build.js文件（在各自的目录中）。如何运行LESSC来编译我的LESS文件？

Answer 1

使用node.js

var less = require('less')
    ,fs = require('fs');

fs.readFile('style.less',function(error,data){
    data = data.toString();
    less.render(data, function (e, css) {
        fs.writeFile('style.css', css, function(err){
            console.log('done');
        });
    });
});

Answer 2

几年后... less@3.9.0返回的输出为：

{
  css: 'rendered css',
  imports: ['source.css']
}

更新后的代码如下：

const outputFile = 'style-iso.css';

const data = `.bootstrap-iso {
    @import (less) "style.css"; 
} `;

less.render(data, { strictMath: true }).then(
    output => {
        fs.writeFile(outputFile, output.css, err => {
            if (err) {
                throw err;
            }
            console.log(`${outputFile} saved!`);
        });
    },
    err => {
        console.error(err);
    });

提示

strictMath: true

如果要渲染 bootstrap.css

，则必须

尝试使用带有nodeJS的构建脚本构建LESS（较少的css）

2 个答案: