我刚刚开始使用node-sass.我已经到了我要求style.css的地步.如果我的stylesheets目录中没有style.css,那么它会为我编译它,但是一旦编译它就不会更新/重新编译更改,直到我手动删除css文件.
任何有关这方面的帮助将非常感激.
app.js
@H_502_6@/** * 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')); });解决方法
您需要切换静态和SASS中间件的声明(也就是说,静态中间件应该在sass中间件之后 – 有关更多信息,请参阅
this answer)：
@H_502_6@// 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中间件.
