如何添加 css link 到 .jade 文件

Question

我正在创建一个 nodejs 应用程序，我使用的是 jade 引擎视图

我正在使用 bootstrap 所以在 jade 中我按以下方式导入它：

html
    head
        title=title
        link(href('//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css', rel='stylesheet'))
    body
        div.container
            div.jumbotron
                h1 Hello!

                if user
                    p Welcome, #{user.fullName}
                    p
                        a.small(href="profile") Edit my profile
                    a.btn.btn-primary(href="/logout") Logout
                else
                    p Welcome to my app, ready to get started?
                    p
                        a.btn.btn-primary(href="/login") Login now
                    p
                        span.small Don't have an account=
                        span &nbsp;
                        a.small(href="/register") Register now

虽然当我运行这个。我收到以下错误：

SyntaxError: C:\Users\user\Documents\SIGMA\NodeDotJS\real_examples\login-page\views\home.jade:4
   2| head 
   3| title=title 
 > 4| link(href('//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css', rel='stylesheet'))

Unexpected token )
   at Function (<anonymous>)
   at assertExpression (C:\Users\user\Documents\SIGMA\NodeDotJS\real_examples\login-page\node_modules\jade\lib\lexer.js:30:3)
   at Object.Lexer.attrs (C:\Users\user\Documents\SIGMA\NodeDotJS\real_examples\login-page\node_modules\jade\lib\lexer.js:661:20)
   at Object.Lexer.next (C:\Users\user\Documents\SIGMA\NodeDotJS\real_examples\login-page\node_modules\jade\lib\lexer.js:922:15)
   at Object.Lexer.lookahead (C:\Users\user\Documents\SIGMA\NodeDotJS\real_examples\login-page\node_modules\jade\lib\lexer.js:113:46)
   at Parser.lookahead (C:\Users\user\Documents\SIGMA\NodeDotJS\real_examples\login-page\node_modules\jade\lib\parser.js:102:23)
   at Parser.peek (C:\Users\user\Documents\SIGMA\NodeDotJS\real_examples\login-page\node_modules\jade\lib\parser.js:79:17)
   at Parser.tag (C:\Users\user\Documents\SIGMA\NodeDotJS\real_examples\login-page\node_modules\jade\lib\parser.js:752:22)
   at Parser.parseTag (C:\Users\user\Documents\SIGMA\NodeDotJS\real_examples\login-page\node_modules\jade\lib\parser.js:738:17)
   at Parser.parseExpr (C:\Users\user\Documents\SIGMA\NodeDotJS\real_examples\login-page\node_modules\jade\lib\parser.js:211:21)

这个玉码有什么问题？我打开（然后关闭它。

Answer 1

您只需要使用一次括号来添加属性，然后您就可以像在 HTML 中一样添加它们，以逗号分隔。

link(href='//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css', rel='stylesheet')

如何添加 css link 到 .jade 文件

How to add css link to .jade file

node.js

pug