Question

我正在使用jade grunt和指南针来制作一个网站，而不是在jade文件中输入正确的文件路径，例如：

link(href='../../../../stylesheets/sections/pdp.css'

我想知道我有办法使用像/stylesheets/sections.pdp.css这样的东西

所以我不必每次都写出正确的路径。

谢谢！

编辑：

config.rb

http_path = "/"
css_dir = "stylesheets"
sass_dir = "scss"
images_dir = "assets/images"
javascripts_dir = "scripts"
#output_style = :compressed
relative_assets=true
line_comments = false

Answer 1

在您的示例中，哈巴狗不会在../../../../stylesheets/sections/pdp.css处读取该文件。它将该字符串输出为href HTML标记的link属性的值，如下所示：

<link href="../../../../stylesheets/sections/pdp.css" />

因此，这些路径与您的views目录无关：它们与浏览器获取的路径相关。

您可以使用这些href字段的绝对网址而不是相对网址。像这样：

link(href='/stylesheets/sections/pdp.css')

下面的代码是等效的，但是会影响到css目录的路径，这可能对其他标记很有用：

- var cssDir = '/stylesheets';
link(href= cssDir + '/sections/pdp.css')

在外部文件上设置基目录jade，grunt，compass

1 个答案: