Node.js less.render返回的对象不是字符串

我正在尝试编写一个简单的节点模块，它可以编译更少的文件

在less版本2.0.0中，示例非常简单，但我没有得到预期的结果，以下是我的测试代码：

var less_css = "@background: #000; body{background:@background;}";

less.render(less_css)
.then(function(css) {
    console.log(css);
},
function(error) {
    console.log(error);
});

记录的输出：

{ css: 'body {\n  background: #000000;\n}\n' }

正如您所看到的，这个对象已经完成了一半，但我希望有一个字符串可以写入文件。

---

也许我需要传递一些选项？

您可以将

css.css

写入您的文件：

var less = require("./lib/less-node"),
fs = require('fs'),
less_css = "@background: #000; body{background:@background;}";

less.render(less_css)
.then(function(css) {
fs.writeFile("style.css", css.css, function(err) {
    if(err) {
        console.log(err);
    } else {
        console.log("The file was saved!");
    }
});
},
function(error) {
    console.log(error);
});

而不是

cat style.css

将给出：

body {
  background: #000000;
}

带有选项

您可以将编译选项设置为

render（）

函数的第二个参数：

var less = require("./lib/less-node"),
fs = require('fs'),
less_css = "@background: #000; body{background:@background;}";
var options = {};
options.compress = false;
options.sourceMap = true;
less.render(less_css,options)
.then(function(css) {
fs.writeFile("style.css", css.css, function(err) {
    if(err) {
        console.log(err);
    } else {
        console.log("The css file was saved!");
    }
});
fs.writeFile("style.css.map", css.map, function(err) {
    if(err) {
        console.log(err);
    } else {
        console.log("The source map file was saved!");
    }
});
},
function(error) {
    console.log(error);
});

您可以使用上述内容创建源映射文件，

cat style.css.map

现在将给出：

{"version":3,"sources":["input"],"names":[],"mappings":"AAAmB;EAAK,mBAAA"}

请注意，您可以检查该文件以查找更多EXAMPLE

更新

---

因此，在阅读了链接中的源代码后，我尝试传递 “sourceMapFileInline:true”设置为渲染函数，但它没有 效果

之后，解决这个问题的方法非常简单。您应该将sourcemap选项设置为sourcemap选项的键，对象也应该设置为sourcemap选项

options.sourceMap = {sourceMapFileInline: true};

或者实际上：

less.render(less_css,{sourceMap: { sourceMapFileInline: true}})

检查源代码时，Less的当前版本似乎没有考虑

sourceMapFileInline

。我不确定这是不是有意的

由于

sourceMap

选项在结果对象中起作用并生成

css.map

，因此您可以自己生成内联sourceMap代码：

// Create Base64 Object
var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Base64._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=Base64._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}}


var options = {};
options.sourceMap = true;
less.render(less_css,options)
.then(function(css) {
var withmap = css.css + "\n" + "/*# sourceMappingURL=\"data:application/json;base64," +  Base64.encode(css.map)+"\"";

fs.writeFile("style.css", withmap, function(err) {
    if(err) {
        console.log(err);
    } else {
        console.log("The css file was saved!");
    }
});

//创建Base64对象
本研究的目的是根据《美国参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考参考[123454589++2889+/=”，编码：“，编码：1，编码：编码：编码：功能（e）1234545454589+//，，，，，，编码：编码：编码：函数（e，编码：功能（e）为.编码：函数（e）5.5.5.6；编码：函数（e）编码：函数（e）编码：功能（e）功能（e）函数（e）{{{{t：：{t，；编码：函数（e）功能（钥匙字符（u）+这个。u钥匙字符（a）}返回t}，解码：函数（e）{var t=“”；var n，r，i；var s，o，u，a；var f=0；e=e.replace（/[^a-Za-z0-9\+\/\=]/g，”）；while（f>6&63|128）；t+=String.fromCharCode（r&63|128）}返回t}，{u utf8\u解码：函数（e）{var t=“”；var n=0；var r=c1=c2=0；while（nAwesome！第一次工作，谢谢你的帮助。现在我只需要让sourceMaps工作。因此，在阅读链接中的源代码后，我尝试将“sourceMapFileInline:true”传递给渲染函数，但没有效果。什么是将内联源代码映射嵌入css的正确方法？谢谢。你应该创建一个option对象并传递它进入
less.render（）
函数。
var options={}；options.sourceMap=true；options.sourceMapFileInline=true；
和
less.render（less\u css，options）
再次感谢您的快速回复。是的，这是我尝试过的，只是我之前没有创建对象，所以我有
less.render（less\u css），{sourceMap:true，sourceMapFileInline:true}）
不确定创建options对象inline是否有什么不同？谢谢Bass，但还是没有运气。似乎其他人也在挣扎