如何在 Laravel Blade 子视图中导入 CSS？

如何解决如何在 Laravel Blade 子视图中导入 CSS？

我有一个扩展布局的 home.blade.PHP 和@includes component.blade.PHP，这是标题中提到的子视图。

在组件中有 CSS 和 JS 导入。

问题是：我应该如何在这个组件中正确导入这些 CSS 文件？我试过@section 和@stack/@push，但导入不会显示在布局的@section 上。

使用 JS 时，它与 @push 一起工作得很好：

// component.blade.PHP
@push('scripts')
    <script src="{{ mix('/js/components/my-component.js') }}" type="module"></script>
@endpush

//home.blade.PHP
@extends('layouts.app')
@includes('component')

// layouts/app.blade.PHP
<body>
    // my code
    @stack("scripts")
</body>

考虑到此方法不适用于 CSS，因为 @stack 仅在所有 @pushes 之后才有效（这意味着我不能在 <head> 上使用它），我该如何导入这些样式？