pugjs(jade) template engine loading css file

Question

I've been searching in the examples on the GitHub but I couldn't find how to load a simple css file into my layout. My first thought was doing something like this link(href="my.css") but it seems it's not working at all. The href points to a correct location online (checked and working) thus maybe I'm forgetting something?

Chucho

What does the generated HTML look like? – Pure

Answer 1

try: link(rel='stylesheet', href='/stylesheets/style.css')

Celik

Answer 2

I think you need to include the relationship. Try

link(rel='stylesheet', href='my.css')

Wriest

Answer 3

This works:

html
    head
        style
             include ./style.css
    body

Orth

Answer 4

You need to add the type:

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

Schizogenesis

Answer 5

if you're using Jade with connect-assets, you can just use:

!= css('stylesheetName')

where stylesheetName.css is in your assets/css/ directory.

Lopeared

Can you add a link to the documentation for this? – Squally

@Squally This markup is made possible by the Node asset manager, connect-assets. It is one of three global functions provided by that module. github.com/adunkman/connect-assets#markup-functions – Lopeared