Question

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

!!! 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

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

<!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>

可以在源代码中看到换行调试与否？任何人都有一个想法，我怎么能管理这个？感谢信息！

Answer 1

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

app.set('view options', { pretty: true });

Answer 2

因为默认情况下Jade没有在你的html源代码中编译任何换行符。

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

类似问题：Express and pretty HTML

Node.js源代码中的JADE换行符？

2 个答案: