更漂亮：删除自闭合标签之前的额外空格/>

Question

我们希望使用 prettier 强制删除 HTML 中自关闭标签之前的任何额外空格

 />

。从选项来看，我们找不到任何相关选项来禁用此行为。

实例.

我们如何在自关闭标签之前强制没有额外的空格：

/>

使用更漂亮？

Answer 1

Prettier 中没有内置功能来调整自结束标签 (/>) 之前的 HTML 空间。 Prettier 默认将自闭合标签格式化为
，斜杠前有一个空格。

Prettier 不提供更改此行为的选项，因此，如果您想强加一条斜线 (
) 之前没有空格的规则，则需要使用其他工具或找到其他方法。这里有一些方法：

Prettier 完成后，您可以使用脚本对格式化的 HTML 进行后处理并消除自结束标签之前的空格。这是使用基本 Node.js 脚本的插图：

const fs = require('fs');

let html = fs.readFileSync('your-file.html', 'utf8');

html = html.replace(/(\s)\/>/g, '/>');

fs.writeFileSync('your-file.html', html, 'utf8');

console.log('Spaces before self-closing tags have been removed.');