Node-Sass | 不重新编译，除非我手动删除css文件

我刚开始使用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中间件之后 – 请参阅此答案以获取更多信息）：

 // 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中间件。