5

NodeJSを使用してプロジェクトをビルドしています。プロジェクトの一部としてLESSCSSを統合しました。ビルドをクリーンに保つように努めており、LESSファイルをビルドするためにlesscコマンド（または同等のもの）を呼び出せるようにしたいと考えています。

LESSのドキュメントはそれほど詳細ではありませんが、解決策を見つけるためにコミュニティに連絡したいと考えていました。グーグルはこのトピックに関して私にはあまり役に立たなかった。

（それぞれのディレクトリにある）他のさまざまなbuild.jsファイルを呼び出すbuild.shファイルがあります。LESSCを実行してLESSファイルをコンパイルするにはどうすればよいですか？

4

2 に答える 2

12

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');
        });
    });
});
于 2012-05-03T17:20:04.487 に答える
1

数年後...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をレンダリングする場合に必要です

于 2019-04-04T11:53:58.343 に答える