在编译.pug到html后加载外部CSS

时间:2018-04-30 21:57:22

标签: html css visual-studio-code pug

我有一个example.pug和一个example.css。在命令行上,我使用pug example.pug生成example.html页面。唯一的问题是,当我在浏览器中打开页面时,外部样式没有链接。我该如何解决这个问题?

与此类似的大多数问题涉及Express,我没有使用。

谢谢!我将在下面添加文件目录。 -Directory |-Styles |-example.css |-Examples |-examples folder |-example.pug

希望这是有道理的。我也将.css直接移动到与我的.pug相同的位置。 -Directory |-example.pug |-example.css

然后我链接为link(href='./tailwater.css', rel='stylesheet', type='text/css') ,css仍然无法在页面上加载。

1 个答案:

答案 0 :(得分:1)

可能是由于写入了错误的css文件路径

假设这是您的目录结构

-Directory
|- example.css
|- example.html(generated file)
|- example.pug

然后将链接写为

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

这样您的example.html将包含

<link rel="style" href="./example.css">

如果目录不是给定结构,则相应地调整href