我的客户端有用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的文档来看,这似乎不应该发生。这会和吞玉有关吗?我试着寻找这个选项,但没有找到。
请不要建议CSS解决方案,因为它们不符合有效的解决方案。HTML已经正常处理了,这是一个模板编译问题。
注意:在我的示例中,我不能使用markdown,因为删除空格会破坏粗体/strong部分。
提前感谢!
我以前遇到过这个问题,使用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));
});