node.js - 在 Express 服务器上包含并自动编译 Sass

Question

所以我设置了一个基本的 Express 项目，我正在使用这个 github 项目，https://github.com/andrew/node-sass ，以便能够在 Node 之上使用 Sass。这是我目前的 app.js:

var io = require('socket.io'),
    express = require('express'),
    path = require('path'),
    routes = require('./routes'),
    jquery = require('jquery');


/**
* Create app
*/

var app = express()
  , server = require('http').createServer(app)
  , io = io.listen(server);

/**
* Configure app
*/ 

app.configure(function(){ 
    app.set('port', 8080);
    app.set('views', __dirname + '/views');
    app.set('view engine', 'ejs');
    app.use(express.static(path.join(__dirname, 'public')));
});

我需要做什么才能让 Sass 工作并自动重新编译？我似乎找不到任何专门针对 Express 服务器的有用信息。

Answer 1

首先添加这个require语句:

var sass = require("node-sass");

然后是以下代码，在您的 app.configure block 中:

...
app.use(sass.middleware({
    src: <your-sass-files-dir>,
    dest: path.join(__dirname, 'public'),
    debug: true
}));
...

但是很抱歉，node-sass 库目前相当无用，因为 @import 的，在您的 scss 文件中，无法正常工作...参见 https://github.com/andrew/node-sass/issues/27了解当前状态。

2013-10-22 更新: 显然，上述问题似乎已根据 @jonathanconway 得到修复在下面的评论中......虽然还有一个 unanswered comment on the issue from someone that still experiences the error at 2013-09-03