title: Node.JS with Express and SASS - Compiled CSS file not applied
body: <p>I'm new to NodeJS and I'm using Express to serve my pug files/view. Furthermore I'm using "express-sass-middleware" to compile and serve the scss/css files. Everything works very well but unfortunately, the CSS are not applied.</p>
  
  <p>My app.js files looks like:</p>
  
  <pre><code>var express = require('express');
  var sassMiddleware = require('express-sass-middleware');
  var app = express();
  app.set('view engine', 'pug');
  
  app.get('/css/bootstrap.css', sassMiddleware({
    file: 'css/bootstrap.scss', // the location of the entry point,
                                       // this can also be a directory
  
    precompile: true,                   // should it be compiled on server start
                                       // or deferred to the first request
                                       //  - defaults to false
  }));
  
  app.get('/', function (req, res) {
      res.render('index', {
          varTitle: 'Hello World'
      });
  });
  
  app.listen(3000, function() {
      console.log('Example app listening on port 3000!');
  });
  </code></pre>
  
  <p>And my simple css file looks like:</p>
  
  <pre><code>// $icon-font-path: /3rdparty/fonts;
  
  // @import 'bootstrap/bootstrap';
  // @import './node_modules/bootstrap-sass/assets/stylesheets/bootstrap/variables';
  
  body
  {
      background-color: green;
      font-size: 100px;
  }
  </code></pre>
  
  <p>My index.pug file is:</p>
  
  <pre><code>doctype html
  html(lang='en')
    head
      title= varTitle
      link(ref='stylesheet' type='text/css' href='/css/bootstrap.css')
    body
      h1= varTitle
  </code></pre>
  
  <p>Now, when I start my webserver using "node app.js", accessing <a href="http://localhost:3000" rel="nofollow noreferrer">http://localhost:3000</a>, I see "Hello World" but unfortunately the body background isn't green and the text is also not 100px. That means that the css file is not applied. But when I access <a href="http://localhost:3000/css/bootstrap.css" rel="nofollow noreferrer">http://localhost:3000/css/bootstrap.css</a>, I see the valid, css file.</p>
  
  <p>Anyone know what I'm missing here? I'm a bit confused that I see the CSS source when accessing it directly but the browser doesn't apply the css styling. I already tried different browsers without any success. None of them applying the css file.</p>