Question

在我的快递应用程序中，我正在尝试从样式模块引擎加载样式属性。但我根本无法加载我的风格。

这是我的文件夹结构：

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

但是根本没有渲染任何内容并将其应用于我的jade文件。

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

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

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

Answer 1

手写笔中间件不应该从/ styles中获取源以将dest设置为/ styles吗？：

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

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

1 个答案: