2013-12-17 1 views
2

명시 적 앱에서 스타일 모듈 엔진에서 스타일 속성을로드하려고합니다. 하지만 내 스타일을 전혀로드 할 수 없었습니다.expressjs - jade html 페이지에 내 스타일러스 스타일 시트를로드 할 수 없습니다

myNodeApp 여기

-node_modules 
    -styles 
     -style.css 
     -style.styl 
    -views 
     -index.jade 

내가 스타일러스를 사용하여 전화를 내 app.js 코드 :

여기 내 폴더 구조입니다.

var http = require("http"), 
    express = require("express"), 
    stylus = require("stylus"), 
    app = express(); 

app.set('view engine', 'jade'); 
app.set('views', './views'); 

app.use(stylus.middleware({ 
    debug : true, 
    src : __dirname + '/views', 
    dest : __dirname + '/styles' 
})); 

app.use(express.static(__dirname + '/styles')); 
app.use(express.static(__dirname + '/css')); 

app.get('/', function (req, res, next){ 
    res.end("<h1>Sample Tittle</h1>"); 
    next(); 
}); 

app.get("/sample", function(req, res) { 
    res.render('index'); 
}) 

app.listen(1337); 

하지만 옥의 파일에는 아무 것도 렌더링되지 않습니다. 파일

html 
    head 
     title welcome to Jade! 
     link(rel='stylesheet', href='style.css') 
    body 
     h1 Test title 

여기에 어떤 문제가 있는지, 어떻게 그것을 해결하기 위해 -

여기 내 'index.jade이'입니까?

+0

코드가 작동합니다. 폴더 구조와 파일을 다시 확인하십시오. – vinayr

답변

0

스타일러스 미들웨어는 스타일을/스타일로 설정하기 위해/스타일에서 소스를 가져 오지 않아야합니까? :

app.use(stylus.middleware({ 
    debug : true, 
    src : __dirname + '/styles', 
    dest : __dirname + '/styles' 
}));