Compilare meno file in css in expressjs 4.x

Question

Voglio compilare il file in meno nella cartella pubblica dell'applicazione expressjs.

dipendenze che sto usando sono

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

contenuti nel file di styles.less

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

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

di file server assomiglia sotto

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')); 

Il file meno non viene modificato durante l'esecuzione sul server.

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

Qual è l'errore qui.

struttura di directory:

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; 
    } 
} 

ho aggiunto questo css in meno del file e viene inviato al browser in stesso formato, senza essere compilato.

Answer 1

È necessario richiedere il file css, non il file meno, nel proprio caso http://localhost:3000/css/styles.css non http://localhost:3000/css/styles.less. Il middleware compilerà il file meno con quello richiesto.

Answer 2

Sembra che il modo in cui si avvia il middleware per esprimere possa essere il problema. Usa "__dirname + '/ public'" per indicare la cartella.