javascript - 根据要求实例化变量并编译 sass/less 文件

Question

我想知道使用 nodejs 或其他服务器端语言是否有办法基本上接收请求，例如

http://doman.com/getCSS/?type=4

然后用 sass/less 文件中的 url 参数替换变量的值，然后编译成 css 文件并将其检索为对请求的响应。

Answer 1

如果你使用的是 Node.js，你基本上可以做这样的事情，确保你已经安装了express和lessNPM 包：

var express = require('express');
var less = require('less');
var app = express();

app.get('/getCSS/:id', function(req, res){
  less.render('.class { width: ' + req.params.id  + 'px; }', function (e, css) {
    res.send(css);
  });
});

app.listen(3000);

这是一个快速的脏脚本（没有错误检查或输入验证），它将接受请求并将给定的内容作为 LESS 代码中的某个变量http://localhost:3000/getCSS/:id输出。id

# curl http://localhost:3000/getCSS/4
.class {
  width: 4px;
}

当然，您可以通过将参数插入到 LESS 模板中，以任何您喜欢的方式自由使用这些参数。