css - 尝试使用带有 nodeJS 的构建脚本构建 LESS (less css)

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是必要的