Laravel Blade 在最终 HTML 中添加不需要的空格

Question

我在 Laravel Blade 中开发 View ，我总是在最终的 HTML 中得到不需要的空间(使用开发工具检查)，就像这样(丑陋的情况):

你会看到很多不需要的空格，代码很简单:

<!-- Ugly -->  
<div>
  Lorem ipsum
  <div>
    Lorem ipsum
  </div>
</div>

显然我在我的 IDE 中将制表设置为空格。

我尝试以多种方式删除它们，其中唯一有效的方法是将所有内容内联:

<!-- Beautiful (but I can't do this for all!) -->
<div>Lorem ipsum<div>Lorem ipsum</div></div>

但很多时候我做不到。

如何避免所有这些空格？

编辑:这似乎发生在 Chrome 中，而不是在 Firefox 中

Answer 1

我也注意到了这一点。 Blade 指令和输出格式/空格之间存在交互。

我认为发生的事情是呈现的 php 中的断点出现在 blade 指令的行位置。我认为这实际上是所需的行为，因为它与我使用 <?php ?> 时注意到的行为相同。 breaks 代替 blade 指令。

我解决这个 pre-laravel 的方法是对 <?php ?> 进行零缩进。中断，这有效地将 <?php ?> 中生成的内容的缩进重新归零大括号。这很有效，并且是我发现从代码可读性角度精确控制输出空白的最合乎逻辑的方式(尽管并不完美!)。

blade-land 中的等效项似乎是对 blade 指令执行相同的操作，即。将它们放在零位置的新行上。这看起来有点令人讨厌(因为它与常规 <?php ?> 中断一样)但这是我发现控制输出的唯一方法(而且我仍然发现常规 php 比 blade 指令更容易阅读并且输入速度更快在大多数情况下，您不需要 $loop 等功能。