Nodejs-Less css找不到要导入的文件

Question

我在public/stylesheets中有两个Less文件。我使用Express.js将它们作为CSS文件。

第一个文件one.less如下所示：

@import "another.less";
h1 {
    color: red;
}

第二个文件another.less如下所示：

p {
    color: red;
}

当我尝试加载页面时，服务器退出并返回错误：

file 'another.less' wasn't found.

我也尝试过一条绝对的道路，但没有成功。

这是我的Express.js配置：

app.configure(function(){
  app.set('views', __dirname + '/views');
  app.set('view engine', 'jade');
  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(express.compiler({ src: __dirname + '/public', enable: ['less'] }))
  app.use(app.router);
  app.use(express.static(__dirname + '/public'));
});

Answer 1

您现在应该使用connect-less。实际上，您在上面使用的最初的less编译器是connect的一部分，如果您查看当前的问题列表，您会发现TJ选择不再支持less，因为编译器太不同了（"不能让每个人都满意"的情况）：

https://github.com/senchalabs/connect/pull/174

您可以在此处查找connectless：https://github.com/MartinodF/connect-less

我会把安装步骤放在这里，但要知道它们可能会过时（如果不起作用，请查看github页面，并告诉我，我会同步）：

使用NPM安装无连接

npm安装无连接

然后将其加载到您的应用程序中，指定源（以及可选的目的地）目录

app.use（require（'connect-less'）（｛src:__dirname+'/public/'｝））；

对于我来说，这在带有expressjs 2.5.2和node 6.6 的armv7/Trimslice linux盒子上完美地工作了

Answer 2

编辑：'@import"/public/stylesheets/tow"；'

最初的提议不起作用。