如何使用 gulp-jade 保留尾随空格答案

【问题标题】：How to keep trailing whitespace with gulp-jade如何使用 gulp-jade 保留尾随空格
【发布时间】：2015-05-30 08:36:06
【问题描述】：

我的客户有使用 Jade 构建模板的脚本。我们使用gulp-jade。我遇到了删除尾随空格但应该保留的问题。以下是模板的示例：

p
  span This is the first part of the sentence, 
  strong this part makes a strong point, 
  span and this part concludes the sentence.

由于内联 HTML 元素对空格敏感，因此在编译模板后，这是我所期望的：

这是句子的第一部分，这部分是重点，这部分结束了句子。

然而，这是实际编译的：

这是句子的第一部分，这部分是重点，这部分结束了句子。

注意到缺少的空格吗？

查看 Jade 文档，这似乎不应该发生。这会与gulp-jade有关吗？我试图寻找有关此的选项，但没有找到。

请不要推荐 CSS 解决方案，因为它们不是有效的解决方案。 HTML 已经正常处理了，这是模板编译问题。

注意：我不能在我的示例中使用降价，因为删除空格会破坏粗体/粗体部分。

提前致谢！

【问题讨论】：

你能发布你的玉选项对象吗？
@Urahara：它非常裸露：{pretty: true}。我在Jade options 中没有看到任何提及保留或删除尾随空格的内容。

标签： html pug gulp

【解决方案1】：

我以前遇到过这个问题，使用gulp-prettify 解决了。这是我的翡翠任务：

gulp.task('html', function() {
  return gulp.src(config.src)
    .pipe(jade())
    .pipe(prettify({ indent_size: 2, unformatted: ['pre', 'code'] }))
    .pipe(gulp.dest(config.dest));
});

【讨论】：