Question

我的客户端有脚本用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已经正常处理这个问题，这是一个模板编译问题。

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

提前致谢！

Answer 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));
});

如何用gulp-jade保持尾随空白

1 个答案: