express - Express 中的 Stylus 中间件不起作用？

Question

在 app.coffee我有

stylus = require("stylus")

...
app.use stylus.middleware
    debug: true
    src: __dirname + "/stylus"
    dest: __dirname + "/public/css"
    compile: (src) -> 
        console.log(stylus(src))
        return stylus(src)

我在 layout.jade 中包含了样式喜欢:

link(rel="stylesheet", href="/css/styles.css")

但是在 Chrome 网络选项卡中，我看到为 style.css 取消，这是为什么？

当我将浏览器直接指向 /css/styles.css 时，我得到

Cannot GET /css/styles.css

怎么了？我该如何解决？

Answer 1

你有static中间件是否在中间件堆栈中的手写笔中间件之后正确配置、工作和定位？手写笔中间件只是要读取 .styl文件并写入对应的.css文件，但它期望 static中间件然后找到.css归档并提供服务。

另请注意您的 src和 dest文件层次结构应该直接对应。我的意思是，如果您列出一个目录的递归内容( ls -R 或类似内容)，甚至计算所有中间目录，那么唯一的区别应该是 src包含 .styl文件和 dest包含完全对应的 .css文件。不要钉 /css例如，前缀到一个而不是另一个。