Node-sass 未与 Node / Express 一起编译

我试图让 node-sass 与express一起工作，但我根本无法让它进行任何编译。这是我的 app.js 文件：

var express = require('express')
  , sass = require('node-sass')
  , routes = require('./routes')
  , user = require('./routes/user')
  , http = require('http')
  , path = require('path');

var app = express();

app.configure(function(){
  app.set('port', process.env.PORT || 3000);
  app.set('views', __dirname + '/views');
  app.set('view engine', 'ejs');
  app.use(sass.middleware({
     src: __dirname + '/public/sass',
     dest: __dirname + '/public/stylesheets', 
     debug: true
  }));
  app.use(express.favicon());
  app.use(express.logger('dev'));
  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(express.cookieParser('your secret here'));
  app.use(express.session());
  app.use(app.router);
  app.use(express.static(path.join(__dirname, 'public')));
});

app.configure('development', function(){
  app.use(express.errorHandler());
});

app.get('/', routes.index);
app.get('/users', user.list);

http.createServer(app).listen(app.get('port'), function(){
  console.log("Express server listening on port " + app.get('port'));
});

I have public/sass and public/stylesheets，但无论如何.scss我放在 sass 目录中的文件没有被编译。还有什么是我需要超越的吗node app.js?

我真的快要放弃了，只需安装 sass gem 并打开一个额外的选项卡来查看目录。

它和 Stylus 中间件一样令人困惑（据说它是受其启发的）。

文件夹结构为src应模仿目的地的最终结构and您用来请求 CSS 文件的路径。如果您希望 CSS 文件像这样存储：

./public/stylesheets/app.css

访问该文件的 URL 将为：

http://.../stylesheets/app.css

您需要像这样配置中间件：

app.use(sass.middleware({
   src:   __dirname + '/public/sass',
   dest:  __dirname + '/public',
   debug: true
}));

你的 SASS 文件夹结构如下：

./public/sass/stylesheets/app.scss

我相信它的工作原理是这样的：

• 获取HTTP请求的路径：/stylesheets/app.css
• 要查找 SCSS 文件，请将 URL 路径连接到src并替换扩展名：./public/sass/stylesheets/app.scss
• 对于目标，将 URL 路径连接到dest: ./public/stylesheets/app.css