javascript - 如何在 Express.js 中使用 Less？

Question

我正在尝试将 Less 与 Express.js 结合使用，但我不确定我的设置是否正确。

我的文件夹/文件结构如下:

• ....
• 应用程序.js
• 公开
  • 样式
    • test.less
• ........

在我的 app.js 中:

var express = require('./node_modules/express');
var lessMiddleware = require('./node_modules/less-middleware');
var app = express();

app.set('view engine', 'ejs'); 
app.set("views", "./views");

app.get('/', function(req, res, next) 
{
    res.render('index.ejs');
});

app.use(lessMiddleware(__dirname + "/public/styles"));

app.use(express.static(__dirname + '/public'));

app.listen(3000);

在我的 index.ejs 中:

<link rel="stylesheet" type="text/css" href="/public/styles/test.css">

如果我理解正确，该模块应该采用我的 test.less 并将其编译成 test.css，然后再提供给客户端？

我做错了什么？

更新:/public 似乎没有提供任何服务..

http://localhost:3000/public 返回 Cannot GET/public

Answer 1

你有/public/less 而不是/public/styles，你需要将该目录作为静态目录提供:

app.use(express.static(__dirname + '/public'))

然后将您的链接设为 href/styles/test.css。

编辑:

在定义任何路由之前，您需要将 less 中间件和静态中间件移至顶部。