CoffeescriptでExpressとConnectでスタイラスを動かす方法
-
27-10-2019 - |
質問
私の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ファイルは実際にビューズフォルダーにあると確信していますか?
所属していません StackOverflow