javascript - 変数をインスタンス化し、要求に応じて sass/less ファイルをコンパイルします

Question

たとえば、nodejsまたは別のサーバー側言語を使用して、基本的にリクエストを受け取る方法があるのだろうか

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

次に、変数の値を sass/less ファイルの url パラメーターに置き換えてから、css ファイルにコンパイルし、それを要求への応答として取得します。

Answer 1

Node.js を使用している場合、基本的に次のようなことができます。NPM パッケージがインストールされexpressていることを確認してください。less

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

http://localhost:3000/getCSS/:idこれは、リクエストを受け付けて、与えられidたものを LESS コード内の変数として出力する簡単で汚いスクリプトです (エラー チェックや入力検証は一切行いません) 。

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

もちろん、パラメーターをLESSテンプレートに挿入することで、パラメーターを自由に使用できます。