Comments in Jade/pug

Question

I tried making comments in Jade/pug, but the comments render as text in the HTML. This is my code:

doctype html

html(lang='en')
    body
        / This should be a comment

What am I doing something stupid?

@ppejovic: Thanks, I guess [this page](http://scalate.fusesource.org/documentation/jade-syntax.html#Comments) is just wrong then. — Randomblue, Dec 16 '11 at 22:42
@Randomblue that page is in reference to a different library named Jade — svachalek, Nov 26 '12 at 22:17

score 171 · Accepted Answer · edited Apr 27 '17 at 02:51

171

As written in the comment documentation, you can either use // which will translate to a HTML comment or //- which won't be visible in the outputted HTML code.

edited Apr 27 '17 at 02:51

Emile Bergeron

17,074
5
83
129

answered Dec 16 '11 at 23:28

alessioalex

62,577
16
155
122

1

I have used `//- test comment` this comment is outputted on source view `ctrl+u` on browser. Have I missed a setting or something ? – Val Apr 16 '13 at 09:10
2

therefore commenting at the very begining of the line comments out the rest of the file... – Patrice Dec 06 '13 at 14:24
3

@pdelorme no, only if you also indent the rest of the file. – Yuji 'Tomita' Tomita Dec 20 '13 at 06:51
1

Updated link for Jade comments documentation: http://jade-lang.com/reference/comments/ – steampowered Mar 13 '16 at 00:44

IRSHAD · Answer 2 · 2016-12-06T17:03:04.570

5

In jade we use //- for comment. If you are trying to comment a block, make sure it should be indented properly like in below example-

doctype html

html(lang='en')
    body
        //- 
            This should be a comment
            Indent correctly for block content

edited Dec 06 '16 at 17:03

answered Dec 06 '16 at 06:58

IRSHAD

2,855
30
39

1

While this code snippet may solve the question, [including an explanation](//meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers) really helps to improve the quality of your post. Remember that you are answering the question for readers in the future, and those people might not know the reasons for your code suggestion. Please also try not to crowd your code with explanatory comments, this reduces the readability of both the code and the explanations! – kayess Dec 06 '16 at 09:52

Comments in Jade/pug

2 Answers2