Laravel 7 从包含的布局或组件中提取 css / js答案

【问题标题】：Laravel 7 extract css / js from included layout or componentLaravel 7 从包含的布局或组件中提取 css / js
【发布时间】：2020-09-12 17:48:26
【问题描述】：

我正在尝试使用 Laravel 7 构建网站，但我将 JS 或 CSS 从部分布局提取到主布局。我的app.blade.php 布局应该由像滑块这样的小块组成。我的主要问题是我无法将特定的 CSS 附加到 <head> 或滑块 js 到页面底部。它适用于@extends()，但在这种情况下，我想使用@inclide 或<x-component/>。滑块更静态，但希望在某些地方重用此代码。我也尝试了@push 和@stack 但仍然无法做到，直到布局不扩展app.layout

<head>
    @yield('css')

</head>
<body>

<x-test></x-test>

@include('layouts.navbar')
@include('layouts.slider') <-slider js

@yield('content')

@yield('js')

</body>
</html>

【问题讨论】：

标签： php laravel laravel-7

【解决方案1】：

看来我指出了错误的布局。如果我使用子布局中的@stack/@pull 或@yield/@section（这与@extend('layout.app') 一起使用），那么一切正常。此外，它会呈现顶部和底部。

例子：

app.blade.php

<head>
    @yield('css')
</head>
<body>
@yield('content')
</body>

index.blade.php

@extends('layouts.app')

@include('layouts.test')

test.blade.php

@push('xxx2')
    text
@endpush


@section('css')
    css
@endsection

【讨论】：