Laravel @stack的组件

Question

我在我的Laravel应用程序中创建了一个tile组件，它在几个页面上用于显示/链接到配方（注意：这不是一个角度，vue或反应组件）。

在我的tile组件中，我将一个css文件“推”到名为styles的堆栈中：

@push('styles')
  <link href="{{ mix('css/tile.css') }}" rel="stylesheet">
@endpush

在我的head.blade.php中输出styles堆栈：

@stack('styles')

每次调用/渲染我的组件时，tile.css文件都会添加到我的style堆栈中。这就像一个魅力，我的瓷砖根据我的tile.css文件设计。唯一的问题是tile.css文件被多次添加到styles堆栈。

有没有办法防止/检查styles堆栈中的双重插入，还是我必须手动将tile.css文件添加到生成tile组件的每个页面/刀片文件？

Answer 1

我相信这是不可能的，但说实话，我觉得没有任何意义可以使用它。

实际上，您通常会创建多个SASS文件，使用Laravel mix将其连接到单个文件中，因此您无需关心每个子页面上需要哪个CSS。您只需将所有CSS编译成单个文件，因此浏览器仅加载CSS一次，然后使用缓存中的文件。