尝试使用nodeJS构建LESS（less css）的构建脚本

Question

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

LESS文档不是很深入，但我想向社区寻求解决方案。在这个问题上，谷歌并没有给我提供太多帮助。

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

- Bryan Kohlmeier

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');
        });
    });
});

- Ripter

Answer 2

几年后... less@3.9.0 返回的输出如下所示：

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

Updated code can look like this:

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，则需要。

- keemor

---

如果我们真的关心像3.9这样的事情，那么strictMath已经被弃用了。请使用math: 'strict'或math: 'parens-division'(推荐)。 - seven-phases-max