Привет, коллега-разработчик Laravel! Итак, вы ищете папку «Sass» в своем проекте Laravel, но, похоже, она отсутствует. Не волнуйтесь, вы не одиноки! В последних версиях Laravel структура папок и управление ресурсами претерпели некоторые изменения. В этой статье блога мы рассмотрим различные методы и альтернативы, которые помогут вам работать с Sass в Laravel.

1. Вариант 1. Создайте папку Sass вручную:
   Если вы предпочитаете придерживаться традиционной структуры и иметь специальную папку «Sass», вы можете создать ее вручную в своем проекте Laravel. Просто перейдите в папку resourcesи создайте новый каталог под названием «sass» рядом с существующей папкой «css». Затем вы можете начать организовывать файлы Sass в этой папке.

2. Вариант 2. Используйте Laravel Mix.
   Laravel Mix — это мощный инструмент, упрощающий компиляцию ресурсов и управление ими. Он сочетает в себе гибкость Webpack с простотой API Laravel. По умолчанию Laravel Mix ищет ваши ресурсы в папках resources/jsи resources/sass. Итак, вы можете поместить файлы Sass в папку resources/sass, а Laravel Mix выполнит компиляцию и выведет их в соответствующий файл CSS.

   Чтобы начать работу с Laravel Mix, убедитесь, что у вас установлены необходимые зависимости, запустив npm installили yarn install. Затем вы можете определить правила компиляции ресурсов в файле webpack.mix.js. Например:

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

   В этом примере файл app.jsскомпилируется из resources/jsв public/js, а файл app.scssиз 13до public/css.

3. Вариант 3. Используйте CSS-скаффолдинг Laravel.
   Laravel предоставляет удобную функцию CSS-скаффолдинга, которая позволяет быстро генерировать CSS-файлы из командной строки. Вместо прямого использования папки «Sass» вы можете использовать эту функцию для создания файлов CSS на основе предопределенных шаблонов. Чтобы создать файл CSS, выполните следующую команду в каталоге проекта Laravel:

   php artisan make:css filename

   Эта команда создаст CSS-файл в папке resources/css, который вы затем сможете настроить в соответствии со своими потребностями.

4. Вариант 4. Используйте новую структуру по умолчанию:
   Начиная с Laravel 8, структура ресурсов по умолчанию изменилась, чтобы упростить рабочий процесс внешней разработки. Вместо отдельных папок «css» и «sass» Laravel предлагает вам организовать таблицы стилей в папке resources/css. Вы по-прежнему можете использовать Sass в этой папке, переименовывая файлы с расширением .scss. Laravel Mix автоматически обнаружит и скомпилирует эти файлы.

   Например, вы можете создать файл с именем app.scssв папке resources/cssи написать там свой Sass-код. Laravel Mix по умолчанию скомпилирует его до public/css/app.css.

Итак, вот оно! Несколько методов работы с Sass в Laravel, предпочитаете ли вы традиционную папку «Sass» или используете новую структуру по умолчанию. Выберите подход, который лучше всего соответствует вашему рабочему процессу и требованиям проекта.

Помните, что для отслеживания любых изменений в системе управления ресурсами фреймворка необходимо быть в курсе документации и примечаний к выпуску Laravel.

Удачного программирования!