Nodejs 使用jade 输出html时如何不压缩？

Nodejs 使用jade 输出html时如何不压缩？

使用jade 输出html时如何不压缩？

6 回复

使用jade 输出html时如何不压缩？


http://jade-lang.com/command-line/

-P, --pretty       compile pretty html output

Nodejs 使用jade 输出html时如何不压缩？

在使用Jade（现称为Pug）模板引擎生成HTML文件时，有时你可能希望保留原始的缩进和格式，而不是让生成的HTML文件被压缩成一行。虽然Jade默认会输出格式化的HTML，但在某些情况下，你可能需要更细粒度的控制。

方法1: 使用pretty选项

Jade模板引擎提供了一个pretty选项来控制是否对输出的HTML进行格式化。你可以通过设置pretty为true或指定一个字符串来定义缩进的空格数。

示例代码：

const jade = require('jade');

// 定义一个简单的Jade模板
const template = `
doctype html
html
  head
    title My Page
  body
    h1 Hello, World!
`;

// 编译模板
const fn = jade.compile(template, {
  pretty: true // 设置为true以启用格式化
});

// 渲染模板
const html = fn();

console.log(html);

在这个例子中，pretty: true将确保生成的HTML是格式化的，即保留了缩进和换行符。

方法2: 自定义渲染函数

如果你希望在特定条件下禁用格式化，可以自定义渲染函数，手动处理pretty选项。

示例代码：

const jade = require('jade');

const template = `
doctype html
html
  head
    title My Page
  body
    h1 Hello, World!
`;

const fn = jade.compile(template);

function render(pretty) {
  return fn({ pretty });
}

// 格式化输出
console.log(render(true));

// 不格式化输出
console.log(render(false));

在上面的例子中，我们定义了一个render函数，它接受一个pretty参数，并根据该参数决定是否传递给Jade编译器。这样你可以灵活地控制输出的HTML是否格式化。

结论

通过上述方法，你可以轻松地控制Jade模板生成的HTML是否被压缩。通常情况下，默认的pretty: true已经足够满足大多数需求。但如果你有特殊需求，可以通过自定义渲染函数来实现更精细的控制。

[@jysperm](/user/jysperm) 3Q，我已经找到了

结案把，改一下标题

在使用 Jade（现称为 Pug）输出 HTML 时，默认情况下 Jade 会生成格式化良好的、可读性较高的 HTML。不过，如果你发现生成的 HTML 被压缩了，你可以通过配置 Pug 的编译选项来确保生成的 HTML 是格式化的。

默认情况下，Pug 会生成格式化的 HTML。如果你发现 HTML 被压缩了，可能是因为你在某个中间件或渲染过程中设置了额外的压缩选项。例如，如果你使用 res.render 方法从 Express 渲染 Pug 模板，Express 默认不会对 Pug 生成的 HTML 进行压缩。

如果你确实需要手动确保生成的 HTML 不被压缩，可以参考以下步骤：

示例代码

假设你有一个简单的 Express 应用，并且你想渲染一个 Pug 模板而不压缩生成的 HTML：

const express = require('express');
const app = express();

// 设置 Pug 为视图引擎
app.set('view engine', 'pug');

// 渲染 Pug 模板
app.get('/', (req, res) => {
    res.render('index', { title: 'Hello World', message: 'Welcome to my website!' });
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

Pug 模板文件 (views/index.pug)

doctype html
html
  head
    title= title
  body
    h1= message

配置中间件以避免压缩

如果你使用了任何中间件（如 compression）来压缩响应，确保在渲染 Pug 模板之前调用它，或者不使用该中间件。例如，不要添加 app.use(compression()); 如果你不希望压缩 HTML。

总结

通常情况下，Pug 和 Express 都不会自动压缩生成的 HTML。如果你遇到问题，检查是否有其他中间件或自定义设置影响了 HTML 的格式。如果一切正常，生成的 HTML 应该是格式化的。

如果确实需要自定义 Pug 的编译选项，可以查看 Pug 文档以了解如何传递自定义编译器选项。

回到顶部