Skip to content

Instantly share code, notes, and snippets.

@Niklas81
Forked from bentruyman/express-stylus.html
Created October 10, 2015 21:51
Show Gist options
  • Save Niklas81/c9f4fc26aa59c2a66768 to your computer and use it in GitHub Desktop.
Save Niklas81/c9f4fc26aa59c2a66768 to your computer and use it in GitHub Desktop.
Using Stylus Middleware with Express
<!doctype html>
<html lang="en">
<head>
<title>My Web Page</title>
<meta charset="utf-8">
<link href="/stylesheets/main.css" rel="stylesheet">
</head>
<body>
</body>
</html>
// The below config assumes all of your stylesheets are being requested from a `/stylesheets/` directory
var express = require('express'),
stylus = require('stylus');
var app = express.createServer();
app.configure(function () {
// ... your middleware here
app.use(stylus.middleware({
src: __dirname + '/views', // .styl files are located in `views/stylesheets`
dest: __dirname + '/public', // .styl resources are compiled `/stylesheets/*.css`
compile: function (str, path, fn) { // optional, but recommended
stylus(str)
.set('filename', path)
.set('compress', true)
.render(fn);
}
}));
app.use(express.static(__dirname + '/public'));
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment