2014-01-15 32 views
1

我最近開始學習Node.js,我嘗試使用less-middleware設置快速安裝,並且希望使用Bootstrap 3 less文件。我已經環顧四周,但只能找到教程引導2.Node.js Express/less-middleware&Bootstrap 3

這是到目前爲止我的代碼:

/** 
* Module dependencies. 
*/ 

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

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(express.cookieParser('your secret here')); 
app.use(express.session()); 
app.use(app.router); 
app.use(require('less-middleware')({ 
     dest: __dirname + '/public/stylesheets', 
     src: __dirname + '/public/stylesheets/less', 
     prefix: '/stylesheets', 
     compress: true, 
     debug: true, 
     force: true 
    })); 
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')); 
}); 

當我運行服務器,我得到如下:

GET/200 190ms - 180b 
    source : /home/user/www/website.com/public/stylesheets/less/bootstrap.less 
    dest : /home/user/www/website.com/public/stylesheets/bootstrap.css 
    read : /home/user/www/website.com/public/stylesheets/less/bootstrap.less 
    render : /home/user/www/website.com/public/stylesheets/less/bootstrap.less 
GET /stylesheets/bootstrap.css 200 565ms - 97.43kb 

但我改變的樣式似乎不起作用。有人能告訴我我要去哪裏嗎?

感謝

回答

2

使用這種從較少的中間件GitHub的頁面,而不是和現在工作的罰款。

var less = require('less-middleware'); 

app.configure(function(){ 
    // ... 
    var bootstrapPath = path.join(__dirname, 'node_modules', 'bootstrap'); 
    app.use(express.bodyParser()); 
    app.use(express.methodOverride()); 
    app.use('/img', express['static'](path.join(bootstrapPath, 'img'))); 
    app.use(app.router); 
    app.use(less({ 
    src : path.join(__dirname, 'public/stylesheets', 'less'), 
    paths : [path.join(bootstrapPath, 'less')], 
    dest : path.join(__dirname, 'public', 'stylesheets'), 
    prefix : '/stylesheets', 
    debug: true 
    })); 
    app.use(express['static'](path.join(__dirname, 'public'))); 
    // ... 
}); 
+1

您的初始代碼對我來說也適用。也許CSS文件正在被你的瀏覽器緩存? – robertklep