41 lines
895 B
JavaScript
41 lines
895 B
JavaScript
|
/**
|
||
|
|
* Require Browsersync
|
||
|
|
*/
|
||
|
|
var browserSync = require("browser-sync");
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Run the middleware on files that contain .less
|
||
|
|
*/
|
||
|
|
function lessMiddleware (req, res, next) {
|
||
|
|
var parsed = require("url").parse(req.url);
|
||
|
|
if (parsed.pathname.match(/\.less$/)) {
|
||
|
|
return less(parsed.pathname).then(function (o) {
|
||
|
|
res.setHeader('Content-Type', 'text/css');
|
||
|
|
res.end(o.css);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
next();
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Compile less
|
||
|
|
*/
|
||
|
|
function less(src) {
|
||
|
|
var f = require('fs').readFileSync('app' + src).toString();
|
||
|
|
return require('less').render(f);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Run Browsersync with less middleware
|
||
|
|
*/
|
||
|
|
browserSync({
|
||
|
|
files: "app/css/*.less",
|
||
|
|
server: "app",
|
||
|
|
injectFileTypes: ["less"],
|
||
|
|
/**
|
||
|
|
* Catch all requests, if any are for .less files, recompile on the fly and
|
||
|
|
* send back a CSS response
|
||
|
|
*/
|
||
|
|
middleware: lessMiddleware
|
||
|
|
});
|