title: Stylus and Express - stylesheets are not re-compiled when modified
body: <p>I am running latest version of Node on Mac OS X. I've installed Express together with Stylus. Also the latest versions.</p>
  
  <p>Stylus is not re-compiling my <em>.styl</em> files, when I modify them. How can I fix this?</p>
  
  <p>The only solution to getting my <em>.styl</em> files re-compiled, is to delete the compiled <em>.css</em> files... re-starting my application, or doing a clear-cache-refresh (CMD + Shift + R) is not resulting a re-compile.</p>
  
  <p>Here's a dump of my application configuration. It's basically the same as when you create a new express application with the executable...</p>
  
  <pre><code>app.configure(function ()
  {
      this.set("views", __dirname + "/views");
      this.set("view engine", "jade");
  
      this.use(express.bodyParser());
      this.use(express.methodOverride());
      this.use(express.static(__dirname + '/public'));
  
      this.use(require("stylus").middleware({
          src: __dirname + "/public",
          compress: true
      }));
  
      this.use(this.router);
  });
  </code></pre>
  
  <p>Both my <em>.styl</em> and the compiled <em>.css</em> files are located in <code>[application]\public\stylesheets\</code></p>