public
Last active

SASS middleware

  • Download Gist
gistfile1.js
JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
var express = require('express')
, sass = require('node-sass')
, http = require('http')
, path = require('path');
 
var app = express();
 
app.configure(function(){
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');
app.use(sass.middleware({
src: __dirname + '/public/sass/',
dest: __dirname + '/public',
debug: true
}));
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(express.cookieParser('your secret here'));
app.use(express.session());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));
});
 
app.configure('development', function(){
app.use(express.errorHandler());
});
 
http.createServer(app).listen(app.get('port'), function(){
console.log("Express server listening on port " + app.get('port'));
});
gistfile2.txt
1 2 3 4 5 6 7 8 9 10
Debugging output shown when SCSS file has changed:
 
GET /stylesheets/app.css 200 4ms - 46
source : /Users/robert/tmp/playground/sass/public/sass/stylesheets/app.scss
dest : /Users/robert/tmp/playground/sass/public/stylesheets/app.css
modified : /Users/robert/tmp/playground/sass/public/stylesheets/app.css
read : /Users/robert/tmp/playground/sass/public/stylesheets/app.css
render : /Users/robert/tmp/playground/sass/public/sass/stylesheets/app.scss
 
Root directory: /Users/robert/tmp/playground/sass
gistfile3.txt
1 2 3 4 5
Directory structure:
 
./app.js
./public/sass/stylesheets/app.scss
./public/stylesheets/app.css

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.