在laravel中为某些页面加载特定的scss文件

Question

所以我的问题是标题。我找到了几个答案，可以将CSS文件包含在Laravel 5 - Add a stylesheet only if on a certain page/controller (page specific asset)

这样的特定页面上

但是可以使用.scss文件来完成此操作，然后将其编译并添加为.css文件吗？

Answer 1

app.scss文件中定义了webpack.mix.js文件，类似地，您可以定义自己的自定义scss并将其编译为css并根据需要在任何刀片中调用它。

在webpack.mix.js

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css')
   .sass('resources/sass/custom.scss', 'public/css');

custom.scss将被编译到custom.css目录中的public/css

您可以为任何特定刀片调用此文件。

如果您希望在scss中包含更多custom.scss个文件，则可以如下所示将其导入，

在custom.scss

@import '../assets/admin/css/dashmix.min.css';

@import '../assets/admin/css/xwork.min.scss';   

希望这会有所帮助！

Answer 2

如果我正确理解这一点，则希望将特定文件加载到特定页面中。如果是这样，请尝试在刀片中使用它：

@section('styles')
    <link href="{{asset('assets/file-i-want-to-be-loaded.css')}}" />
@stop

尝试查看Laravel Docs的“编译资产”：https://laravel.com/docs/5.8/mix