如何在 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> 上使用它),我该如何导入这些样式?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)