Динамические таблицы стилей, реализованные в промежуточном ПО Express - PullRequest
Новая
       19

Динамические таблицы стилей, реализованные в промежуточном ПО Express

0 голосов
/ 18 ноября 2011

Я хотел бы иметь возможность динамически добавлять таблицу стилей из моих маршрутов в глобальный массив таблиц стилей, используя промежуточное программное обеспечение Express.

Я придумал эту суть https://gist.github.com/1375882, но каждая страница обновляетсяпросто продолжает добавлять список таблиц стилей маршрута в конец массива.Как я могу предотвратить это?

1 Ответ

0 голосов
/ 18 ноября 2011

Думаю, этот код решит вашу проблему: 

var express = require('express')
  , app = express.createServer()

// Function to push formatted style
// paths onto our stylesheet variable
var addStyles = function(res, styles) {
  var temp = []
  styles.forEach(function(style){
    temp.push('/stylesheets/' + style + '.css')
  })
  temp = res.local('styles').concat(temp)
  res.local('styles', temp)
}

// Middleware that adds default styles
var buildStyles = function(default_styles){
  var styles = []
  // format our default style paths
  default_styles.forEach(function(style){
    styles.push('/stylesheets/' + style + '.css')
  })

  return function(req, res, next) {
    res.local('styles', styles)
    next()
  }
}

// Configure our middleware
app.configure(function(){
  app.use(express.static(__dirname + '/public'))
  app.set('views', __dirname + '/views')
  app.set('view engine', 'jade')
  // Call our custom middleware passing in
  // an array of global stylesheets to use
  app.use(buildStyles(['global']))
})

app.get('/',function(req, res){
  // Add forms.css and user/login.css stylesheet dynamically
  addStyles(res, ['forms','user/login'])
  res.json(res.local('styles'))
  //res.render('home')
})

app.listen(8080)
...