Laravel - добавление пользовательских стилей в существующий app.scss - PullRequest
Новая
       24

Laravel - добавление пользовательских стилей в существующий app.scss

0 голосов
/ 14 февраля 2019

Я новичок в Laravel и прочитал несколько других вопросов о Stackoverflow о добавлении пользовательских стилей в Laravel.

Причина, по которой я создаю новый вопрос о стековом потоке, заключается в том, что Laravel, похоже, компилируетсингл app.css, который также загружает загрузчик.Я думаю, что это создается путем запуска npm run dev, который компилирует app.scss в папке resources sass.

В этом файле начальная загрузка загружается @import '~bootstrap/scss/bootstrap'; Я хотел бы следоватьэтот принцип также связан с моим собственным пользовательским стилем, так что я получаю что-то вроде @import '~mywebsite.css';

Таким образом, я получаю единственный файл .css, который, я думаю, гораздо более красноречив.

Каков подходящий способ сделать это?Кроме того, где находится этот стиль начальной загрузки, который импортируется?Я не понимаю, где находится «~».

И последнее, но не менее важное: можно ли использовать тот же подход для файла app.js?

С большим уважением,

  • Чак

1 Ответ

0 голосов
/ 14 февраля 2019

вы можете создать новый файл sass в / resources / sass, например _test.sass и поместить импорт в app.sass следующим образом: 

@import 'test';

и скомпилировать с npm run dev или npm runпосмотрите

если вам нужно создать новый файл в вашей общей папке, вы можете создать новый файл sass (example.sass), а затем изменить файл webpack.mix.js и поместить новую строку css следующим образом: 

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

и скомпилируйте с помощью npm run dev.

regards!

...