less-middleware 不产生输出 css

Question

I have following folder structures and less files to compile using less-middleware. But its not working. I tried all tutorial that I have found on googling. Anyone plz help.

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

folder structure is -

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

What I am doing wrong here?

Answer 1

The package less-middleware does not compile less Files to Css Files.

For your problem you should look at gulp .

Gulp helps you with building your project like compiling less to css and much more.

With gulp you can use the gulp plugin gulp-less wich compiles your less.

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

Now you just need to run gulp less to compile your less. With gulp you can even watch your less files and compile every time they change.