Node.js来源中的JADE换行?

ayk*_*ayk 5 node.js pug

我想知道,如果我解析我的玉模板,为什么我的源代码中没有看到任何换行符.它看起来像这样:

!!! 5
html
head
    title= title
    link(rel='stylesheet', href='/stylesheets/css.css')
    link(rel='stylesheet', href='/stylesheets/blitzer/jquery-ui-1.8.10.custom.css')
    link(rel='stylesheet', href='/stylesheets/table_jui.css')

    script(type="text/javascript", src="/javascripts/jquery.min.js")
    script(type="text/javascript", src="/javascripts/jquery-ui.min.js")
    script(type="text/javascript", src="/javascripts/jquery.jwNotify.js")
    script(type="text/javascript", src="/javascripts/jquery.dataTables.min.js")
    script(type="text/javascript", src="/javascripts/js.js")

body!= body
Run Code Online (Sandbox Code Playgroud)

现在我的源代码如下所示:

<!DOCTYPE html><html><head><title>Express v2</title><link rel="stylesheet" href="/stylesheets/css.css"><link rel="stylesheet" href="/stylesheets/blitzer/jquery-ui-1.8.10.custom.css"><link rel="stylesheet" href="/stylesheets/table_jui.css"><script type="text/javascript" src="/javascripts/jquery.min.js"></script><script type="text/javascript" src="/javascripts/jquery-ui.min.js"></script><script type="text/javascript" src="/javascripts/jquery.jwNotify.js"></script><script type="text/javascript" src="/javascripts/jquery.dataTables.min.js"></script><script type="text/javascript" src="/javascripts/js.js"></script></head><body></body></html>
Run Code Online (Sandbox Code Playgroud)

可以很好地看到源代码中的换行符是否可以调试?任何人都有一个想法,我怎么能管理这个?感谢信息!

Jon*_*ian 15

有时候,你想看到漂亮的html输出.要取消uglify您的Jade输出,请将pretty选项传递给app.js中的编译器:

app.set('view options', { pretty: true });
Run Code Online (Sandbox Code Playgroud)

  • 使用Express v3.x,请记住您需要这个:app.locals.pretty = true; (8认同)

Ray*_*nos 7

因为Jade默认情况下不会在你的html源代码中编译任何换行符.

它只是向客户端发送不必要的字节,从而降低了下载速度并增加了带宽消耗.

类似的问题:快速和漂亮的HTML