Node.js Express / less-middleware＆Bootstrap 3

我最近开始学习Node.js，我试图设置一个使用less-middleware的快速安装，并且希望使用Bootstrap 3 less文件。 我看了一下，但只能findBootstrap 2的教程。

这是我的代码到目前为止：

/** * 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 

但是我改变的风格似乎没有生效。 有人可以告诉我哪里错了吗？

谢谢

Answer 1

从较less的中间件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'))); // ... });