Скомпилировать файл css в expressjs 4.x

Я хочу скомпилировать меньше файлов в общей папке приложения expressjs.

Зависимости, которые я использую,

"devDependencies": {
    "ejs": "^2.3.1",
    "express": "^4.10.6",
    "mysql": "^2.5.4"
  },
  "dependencies": {
    "less": "^2.5.1",
    "less-middleware": "^2.0.1"
  }

Содержимое в файле styles.less

header {
    background-image: url('../img/bg.png');
    height: 380px;

    input#searchBox {
        width: 100%;
        height: 70px;
    }
}

Файл сервера выглядит ниже

var express = require('express'); // call express
var app = express(); // define our app using express
app.use(require('less-middleware')('public'));
// Public folder
app.use(express.static('public'));

Чем меньше файлов не будет изменено при запуске на сервере.

Remote Address:127.0.0.1:3000
Request URL:http://localhost:3000/css/styles.less
Request Method:GET
Status Code:304 Not Modified

Какая здесь ошибка.

Структура каталогов:

Edit:

header {
    background-image: url('../img/bg.png');
    height: 380px;
    #cloud-tag span {
        color: #fff;
        font-weight: 800;
        letter-spacing: 2px;
    }
    #cloud-tag_word_0 {
        font-size: 100px !important;
    }
}

Я добавил этот css в меньший файл, и он отправляется в браузер в том же формате без компиляции.