質問

私のapp.coffeeは次のようになります:

connect = require 'connect'
express = require 'express'
jade = require 'jade'
stylus = require 'stylus'

app = express.createServer()

# CONFIGURATION

app.configure(() ->
  app.set 'view engine', 'jade'
  app.set 'views', "#{__dirname}/views"

  app.use connect.bodyParser()
  app.use connect.static(__dirname + '/public')
  app.use express.cookieParser()
  app.use express.session({secret : "shhhhhhhhhhhhhh!"})
  app.use express.logger()
  app.use express.methodOverride()
  app.use app.router

  app.use stylus.middleware({
    force: true
    src: "#{__dirname}/views"
    dest: "#{__dirname}/public/css"
    compress: true
  })
)

# ROUTES

app.get '/', (req, res) ->
  res.render 'index',
    locals:
      title: 'Title'

# SERVER

app.listen(1234)
console.log "Express server listening on port #{app.address().port}"

アップデート: CSSファイルをまったく書くことはできません。

役に立ちましたか?

解決

答えを見つけました、追加しました:

compile = (str, path, fn) ->
  stylus(str).set('filename', path).set('compress', true)

他のヒント

もちろん、独自のコンパイル機能を提供できますが、デフォルトの機能を不必要にオーバーライドします。代わりに、ミドルウェアの呼び出しにデバッグオプションを追加し、物事がうまくいかない場所を点検してください。

  app.use stylus.middleware
    debug: true
    force: true
    src: "#{__dirname}/../public"
    dest: "#{__dirname}/../public"

私にとって、問題は間違ったSRC/DESTパスを設定することでした。 .stylファイルは実際にビューズフォルダーにあると確信していますか?

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top