Как использовать файлы scss в Laravel

Вы можете думать о SASS как о css высокого уровня, который предоставляет вам больше функций, таких как создание переменных и упрощенный синтаксис css и т.д., но поскольку браузеры не понимают SASS, вам нужно скомпилировать SASS в CSS, есть несколько способов сделать это.

Во-первых, если ваша папка темы уже соответствует SASS (папка CSS), вы можете использовать ее, если нет, и хотите интегрироваться с Laravel, пожалуйста, выполните следующие действия.

1. Скопируйте все в свою папку SASS и поместите в "/ resources / assets / sass", чтобы они могут быть найдены Laravel для компиляции

2. теперь вам нужно скомпилировать SASS в css, вы можете использовать gulp вручную или использовать Микс Laravel, который уже реализован для вас Laravel

3. Laravel поставляется с файлом packages.json, который вы найдете в корне вашего приложения. каталог, поэтому, прежде чем скомпилировать SASS, вы должны запустить npm install в ваш корневой каталог (убедитесь, что у вас установлены npm и node)

4. после запуска npm install теперь вы можете запустить любой из них, чтобы скомпилировать любой файлы sass в "resources / assets / sass"

   npm run dev //this will compile one time only
   npm run watch //this will automatically watch for any changes and compile 
   

Теперь ваши файлы sass должны быть скомпилированы в css. Вы можете найти скомпилированные файлы css в папке "public / css".

Надеюсь, вы нашли это полезным, вы можете узнать больше об этом в разделе внешнего интерфейса документации Laravel, в частности, Laravel Mix здесь