在expressjs 4.x中将较少的文件编译为css

Question

我想在expressjs应用程序的公共文件夹中编译less文件.

我正在使用的依赖关系

"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

这里有什么错误.

目录结构:

编辑:

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,它以相同的格式发送到浏览器而不进行编译.

Answer 1

你必须要求的CSS文件,而不是更少的文件,你的情况http://localhost:3000/css/styles.css不http://localhost:3000/css/styles.less.中间件会将较少的文件编译为您请求的文件.