html - expressjs - 无法将我的手写笔样式表加载到 jade html 页面

Question

在我的 express 应用程序中，我试图从样式模块引擎加载样式属性。但是我根本无法加载我的样式。

这是我的文件夹结构:

我的 Node 应用

   -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); 

但是根本没有渲染和应用到我的 jade 文件。

这是我的 'index.jade' - 文件

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

这里有什么问题，如何解决？

Answer 1

stylus 中间件不应该从/styles 获取源以将 dest 也设置为/styles 吗？ :

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