【问题标题】:How to add css file link in pug如何在 pug 中添加 css 文件链接
【发布时间】:2020-06-30 12:09:51
【问题描述】:

我需要添加一个名为 feed.js 的 css 文件和一个名为 feed.pug 的 pug 文件。 我正在 feed.pug 中尝试这个,但它不起作用

link(rel='stylesheet', type='text/css', href='feed.css')

这是我的css代码;

body{
    background-color: red;
}

我也尝试过 stackoverflow 的一两个解决方案,但这不起作用。 pugjs(jade) template engine loading css file

需要帮助:)

【问题讨论】:

    标签: pug


    【解决方案1】:

    这可能只需要花点时间来寻找正确的使用位置。我想你需要

    link(rel='stylesheet', type='text/css', href='/feed.css')
    

    注意 feed.css 前面的正斜杠。在服务器端,如果您使用 express,则需要类似以下内容。

    var express = require('express');
    app.use(express.static('css'));
    

    【讨论】:

    • 在您的基本文件夹中,您是否有一个名为“css”的文件夹。你的css文件在那个文件夹里吗?
    • 不,我没有任何特定的 css 文件夹。我有一个文件夹,其中放置了所有 css 、 js 和 html 文件,并且该文件夹中只有一个 views 文件夹供哈巴狗使用。
    • 啊,你应该试试 href='../feed.css'。这些东西可能需要一些修补。此外,在您的服务器端,您需要有 app.use(express.static('your_folder_for_static_files'))
    猜你喜欢
    • 2019-09-29
    • 2017-06-28
    • 1970-01-01
    • 1970-01-01
    • 2021-11-26
    • 1970-01-01
    • 2014-03-16
    • 2021-08-23
    • 1970-01-01
    相关资源
    最近更新 更多