Using stylus with Express.js

app.js

/**
 * Module dependencies.
 */
 
var express = require('express')
  , stylus = require('stylus');
 
var app = express.createServer();
 
// This must be BEFORE other app.use
app.use(stylus.middleware({
    debug: true
  , src: __dirname + '/views'
  , dest: __dirname + '/public'
  , compile: compileMethod
}));
 
function compileMethod(str) {
  return stylus(str)
    .set('compress', true);
};
 
app.use(express.static(__dirname + '/public'));
app.set('views', __dirname + '/views');
 
app.get('/', function(req, res){
  res.render('index.ejs');
});
 
app.listen(3000);
console.log('server listening on port 3000');

Got it from http://subprint.com/blog/getting-past-pathing-issues-stylus-and-express-js/

Nice one.

I am trying something similar but its not working. I also noticed that when I simply copy & paste this code, I get an express error that createServer() is deprecated (or similar). I changed it to express() to fix the problem but requests to /css/styles.css is always not found ...

Posted a question on StackOverflow: http://stackoverflow.com/questions/14078019