Загрузите определенный файл scss для определенных страниц в laravel

Question

Итак, мой вопрос о названии. Я нашел несколько ответов для включения CSS-файлов на определенную страницу в SO, например, Laravel 5 - Добавлять таблицу стилей, только если на определенной странице / контроллере (ресурс, относящийся к конкретной странице)

Но возможно ли это сделать с помощью файла .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, вы можете импортировать его, как показано ниже,

In 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: https://laravel.com/docs/5.8/mix