如何在Laravel 8布局中引入CSS文件并禁用base blade的默认CSS

方案1：基于参数开关+插槽实现（适配多数场景） #

首先修改base.blade.php中的公共CSS引用逻辑，新增开关变量控制公共CSS是否加载，同时预留自定义CSS插入位：

{{-- 替换base.blade.php中原有的固定CSS引用代码 --}}
@if(!isset($disableBaseCss) || !$disableBaseCss)
    <link rel="stylesheet" href="{{ asset('yes.css')}}">
@endif

{{-- 预留自定义CSS插槽 --}}
@section('css')
@show

然后在需要自定义CSS、禁用公共CSS的子布局中，继承base时传入开关参数，同时填充自定义CSS内容即可：

{{-- 例如自定义布局goods.blade.php的开头代码 --}}
@extends('base', ['disableBaseCss' => true])

@section('css')
    {{-- 引入当前布局专属的CSS文件，可添加多个 --}}
    <link rel="stylesheet" href="{{ asset('goods.css')}}">
    <link rel="stylesheet" href="{{ asset('goods-extra.css')}}">
@endsection

{{-- 后续写布局的其他内容即可 --}}

如果子布局需要保留公共CSS，只追加自定义内容，只需要去掉继承时传入的disableBaseCss参数，直接填充css段即可。

方案2：基于堆栈实现（适配多组件/子页面追加CSS场景） #

如果你的项目存在多层嵌套的子页面、独立组件需要单独引入CSS，可改用@stack指令管理资源：

1. 先修改base.blade.php的CSS引用部分：

@if(!isset($disableBaseCss) || !$disableBaseCss)
    <link rel="stylesheet" href="{{ asset('yes.css')}}">
@endif

@stack('css')

2. 任意布局、子页面、组件中需要追加CSS时，使用@push指令即可：

@push('css')
    <link rel="stylesheet" href="{{ asset('your-custom.css') }}">
@endpush

两种方案的选型参考：

• 仅布局层级需要自定义CSS，选方案1逻辑更清晰
• 存在子页面、组件需要单独加CSS的场景，选方案2灵活性更高

内容的提问来源于stack exchange，提问作者Mithrandir