Quel est le meilleur moyen de rendre les stylesheets LESS.js dans node.js en utilisant express?

Question

J'ai une petite application node.js (ma première) que je veux compiler c'est des feuilles de style less.js quand le serveur se charge. Le point que je commence à est l'application par exemple express pour jade où il apparaît qu'il compile est des modèles de SASS lorsque le serveur est créé:

var pub = __dirname + '/public'; 

var app = express.createServer(
    express.compiler({ src: pub, enable: ['sass'] }), 
    express.staticProvider(pub) 
); 

j'ai vu cela et espéré que ce serait aussi simple que de changer SASS à moins mais cela ne semble pas fonctionner.

Y a-t-il une approche différente que je devrais prendre? Y a-t-il quelque chose qui me manque? Je ne trouve nulle part la documentation sur la méthode .compile.

Merci!

Answer 1

Vous compilez moins directement. Sass ne compile pas à moins en express. Il compile directement à CSS. Même chose avec moins. Il compile directement à CSS.

var app = express.createServer(
    express.compiler({ src: pub, enable: ['less'] }), 
    express.staticProvider(pub) 
); 

Answer 2

Si vous voulez rapetisser le css en sortie, je trouve que le construit dans le compilateur (à partir du module de connexion) est manquant l'option de compression. Donc plutôt que d'écrire mon propre compilateur middleware pour cela. J'ai écrasé le compilateur moins connecté dans mon application.

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

express.compiler.compilers.less.compile = function (str, fn) { 
    if (!less) less = require("less");              
    try { 
     less.render(str, { compress : true }, fn); 
    } catch (err) { 
     fn(err); 
    } 
}; 

app.use(express.compiler({ src: publicdir, enable: ['less'] })); 

Answer 3

Pour express 3, utilisez l'extrait suivant:

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

var app = express(); 
app.engine('less', function (path, options, callback) { 
    fs.readFile(path, 'utf8', function (error, contents) { 
    if (error) return callback(error); 
    less.render(contents, options, callback); 
    }); 
});