2016-04-20 11 views
1

Ich habe folgende Ordnerstrukturen und weniger Dateien mit less-Middleware zu kompilieren. Aber es funktioniert nicht. Ich habe alle Tutorials ausprobiert, die ich beim googlen gefunden habe. Jeder plz helfen.less-Middleware produziert keine Ausgabe css

app.use(lessMiddleware(__dirname + '/public/less')); 

Ordnerstruktur ist -

public/app.css (where would like to get the output) 
//source folders are. 
public/less/layout.less, master.less 

Was ich hier falsch mache?

+0

Was versuchen Sie zu tun, kompilieren Sie die .less in CSS und dann diese CSS-Dateien, oder möchten Sie die weniger Dateien direkt liefern? Welche weniger Middleware verwenden Sie? –

+0

var lessMiddleWare = require ('less-Middleware'); Ich versuche, alle weniger Dateien in CSS-Dateien zu kompilieren. Ich würde sehr gerne alle weniger Dateien kompilieren lassen, um die app.css-Datei sagen zu können. Muss ich Express-weniger oder weniger-Middleware verwenden, wäre in Ordnung. Prost. – jahid

+0

und was genau funktioniert nicht, was ist Ihr erwartetes Verhalten? –

Antwort

1

Das Paket less-middlewarenicht Kompilieren weniger Dateien zu Css-Dateien. Für Ihr Problem sollten Sie gulp betrachten.

Gulp hilft Ihnen bei der Erstellung Ihres Projekts wie kompilieren weniger zu CSS und vieles mehr.

Mit Schluck können Sie das Gulp-Plugin gulp-less verwenden, das Ihre weniger kompiliert.

var less = require('gulp-less'); 
var path = require('path');  

gulp.task('less', function() { 
    return gulp.src('./less/**/*.less') 
    .pipe(less({ 
     paths: [ path.join(__dirname, 'less', 'includes') ] 
    })) 
    .pipe(gulp.dest('./public/css')); 
}); 

Jetzt müssen Sie nur gulp less laufen Ihre weniger zu kompilieren. Mit Schluck können Sie sogar Ihre weniger Dateien ansehen und jedes Mal kompilieren, wenn sie sich ändern.

+0

Muss ich dies in gulpfile.js einfügen? – jahid

+0

Yup. Setze das in gulpfile.js und führe es mit 'gulp less' aus. –

+1

Vielleicht möchtest du auch eine saubere Aufgabe hinzufügen, um alle css-Dateien vorher zu entfernen. –