Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/465.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 实例化变量并根据请求编译sass/less文件_Javascript_Css_Ajax_Sass_Less - Fatal编程技术网

Javascript 实例化变量并根据请求编译sass/less文件

Javascript 实例化变量并根据请求编译sass/less文件,javascript,css,ajax,sass,less,Javascript,Css,Ajax,Sass,Less,例如,我想知道使用nodejs或其他服务器端语言是否有一种基本上接收请求的方法 然后用sass/less文件中的url参数替换变量的值,然后编译成css文件并检索该文件作为对请求的响应。如果使用Node.js,基本上可以执行类似操作,请确保安装了express和lessNPM软件包: var express = require('express'); var less = require('less'); var app = express(); app.get('/getCSS/:id',

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


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

如果使用Node.js,基本上可以执行类似操作,请确保安装了
express
less
NPM软件包:

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);
这是一个quick'n脏脚本(无任何错误检查或输入验证),它将接受对
http://localhost:3000/getCSS/:id
并将给定的
id
作为LESS代码中的某个变量输出

# curl http://localhost:3000/getCSS/4
.class {
  width: 4px;
}
当然,您可以通过将参数插入较少的模板来自由地使用参数