css - Node 萨斯 |除非我手动删除 css 文件，否则不会重新编译

Question

我刚开始使用 node-sass。我已经到了请求 style.css 的地步。如果我的样式表目录中没有 style.css，它会为我编译它，但是一旦编译，它不会更新/重新编译更改，直到我手动删除 css 文件。

如有任何帮助，我们将不胜感激。

app.js

/**
 * Module dependencies.
 */

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

var app = express();

// all environments
app.set('port', process.env.PORT || 3000);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.json());
app.use(express.urlencoded());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));

app.use(
    sass.middleware({
     src: __dirname + '/public/sass', //where the sass files are 
     dest: __dirname + '/public', //where css should go
     debug: true, // obvious
     outputStyle: 'compressed'
    })
);

app.use(express.static(path.join(__dirname, 'public')));

// development only
if ('development' == app.get('env')) {
  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'));
});

Answer 1

您需要切换静态和 SASS 中间件的声明(也就是说，静态中间件应该在 sass 中间件之后 - 更多信息请参见 this answer):

// Notice we are removing this line:
// app.use(express.static(path.join(__dirname, 'public')));

app.use(
  sass.middleware({
   src: __dirname + '/public/sass', //where the sass files are 
   dest: __dirname + '/public', //where css should go
   debug: true, // obvious
   outputStyle: 'compressed'
  })
);
app.use(express.static(path.join(__dirname, 'public')));

否则，当您请求 CSS 文件并且它已经存在时，静态中间件将处理它并且请求永远不会到达 SASS 中间件。