2012-06-27 11 views
9

Mniej jest niesamowita i chcę używać do node.js, ponieważ używanie less.js nie jest dobrą wydajnością. I testowania przeznac Używam XAMP na okna i zainstalować node.js ale gdzie i co powinnam napisać .. zainstalować express.js npm install -g express i mniej npm install -g lessUżywanie LESS z node.js

Odpowiedz

23

Jeśli używasz expressjs można zainstalować

npm install less-middleware 

a następnie w aplikacji (app.js)

var lessMiddleware = require('less-middleware'); 

potem trzeba powiedzieć expressjs użyć mniej middleware wykonując

app.configure(function(){ 
    //other configuration here... 
    app.use(lessMiddleware({ 
    src  : __dirname + "/public", 
    compress : true 
    })); 
    app.use(express.static(__dirname + '/public')); 
}); 

teraz w Twoich [appname] /public/stylesheets/custom.less

zostanie przetłumaczone na regularne css custom.css

+1

myślałem, że do kompilacji .less za pomocą CLI za każdym razem byłem testowania ... dopóki nie zobaczyłem tę odpowiedź. Dziękujemy za wprowadzenie oprogramowania pośredniczącego! – Logan

+0

Jest prawie zbyt ŁATWY w użyciu w ten sposób. :) – lapo

+0

Tak przydatne ... Zastanawiam się, dlaczego mniej-middleware nie było wymienione w dokumentacji (lub w miejscu, którego nie mogłem znaleźć?) –

8

Jeśli używasz Express 4.x i mniej middleware 0.2.x beta (która jest najnowsza w tej chwili), składnia jest nieco inna.

To jest taka sama:

$ npm install less-middleware 

Ale middleware ma source i trzy opcjonalne parametry:

function(source, options, parserOptions, compilerOptions) 

Przykład:

app.use(require('less-middleware')(
    __dirname + 'public/style/less', // source 
    { dest: __dirname + 'public/style/css' }, // options 
    {}, // parser 
    { compress: 'auto' } // complier 
)); 

app.use(express.static(__dirname + '/public')); 

na kompilator auto kompres jest naprawdę ładny , style.css spowoduje nieskompresowany i style.min.css da ci skompresowany plik.

Aby uzyskać więcej informacji należy zapoznać się z instrukcji migracji i kod źródłowy tutaj: https://github.com/emberfeather/less.js-middleware

+0

Pozdrawiam za to, dopiero co uświadomiłem sobie, że zaakceptowana odpowiedź jest nieaktualna 2 lata. –