为什么我的jade文件不处理我的css文件？答案

【问题标题】：Why does my jade file not process my css file?为什么我的jade文件不处理我的css文件？
【发布时间】：2014-02-27 10:51:23
【问题描述】：

我有一个节点应用程序，其中包含三个玉文件，它们都通过 extends 方法表示... 父模板 home.jade 是：

html
    head
        link(rel='stylesheet', href='../public/stylesheets/style.css', type="text/css")
    body
        p.title home
        block out_home

不要担心最后一行。它无关紧要。问题是未找到 style.css（控制台在 /style.css 上显示 404）。文件的布局是我表达的标准：

app/
   node_modules/
   public/
         images/
         javascripts/
         stylesheets/
                    style.css
   app.js
   routes/
   views/
        home.jade

^^ 显示相关内容。

我的 style.css：

body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  background-color: red;
}

.title{
    color:green;
}

为什么jade没有找到我的style.css？

感谢您的帮助。

【问题讨论】：

生成的 HTML 的目的地是什么？
home.jade 在 views 文件夹中
生成的 HTML 的目的地是什么？您的样式表是使用相对路径获取的，因此如果您的 HTML 文件不是在与 Jade 模板相同的级别上生成的，则路径将无法正确解析。
这是我在此处发布的类似解决方案：stackoverflow.com/a/32028798/5183619 我希望这对您有所帮助！ :)

标签： css node.js express pug

【解决方案1】：

Jade 不会处理您的 css 文件。浏览器可以。

href='../public/stylesheets/style.css' 可能是一个无效的位置。您的应用程序是否设置了任何静态中间件（即 express.static）？无论如何，应该是href='/stylesheets/style.css'。

【讨论】：