Как объединить файлы SASS/SCSS и CSS в один CSS-файл в laravel mix?
Я пытаюсь объединить несколько файлов SASS и CSS в один CSS-файл в Laravel mix, но не могу найти, как это сделать.
вот пример laravel mix, который я пытаюсь использовать, который возвращает ошибки:
mix.js('resources/js/app.js', 'public/js')
.sass('resources/scss/app.scss', 'public/css')
.styles('resources/css/app.css', 'public/css');
Ответы - Как объединить файлы SASS/SCSS и CSS в один CSS-файл в laravel mix? / How to combine SASS/SCSS files and CSS files into a single CSS file in laravel mix?
09.10.2020 08:29:41
Вы можете импортировать CSS-файл в файл sass, а затем скомпилировать только основной файл sass, если это возможно. нашел вот это, что может вам помочь: https://stackoverflow.com/questions/7111610/import-regular-css-file-in-scss-file#:~:text=It%20is%20now%20possible%20to,will%20import%20your%20file%20 прямолинейно.
Вы можете комбинировать CSS-файлы. вот пример, который я использовал. может быть, вы можете скомпилировать sass в CSS и позже объединить с помощью этого метода?
пожалуйста, проверьте образец
//combine CSS
mix.styles([
'resources/css/open-iconic-bootstrap.min.css',
'resources/css/animate.css',
'resources/css/bootstrap-datepicker.css',
], 'public/css/essentials.css');
для полноты ответа такой же подход можно использовать и к js файлам следующим образом,
// combine required js files
mix.combine([
'resources/js/vendors/jquery-migrate.min.js',
'resources/js/vendors/jquery.easing.1.3.js',
'resources/js/vendors/bootstrap-datepicker.js',
'resources/js/vendors/scrollax.min.js'
], 'public/js/essentials.js');
используйте этот подход по вашему webpack.mix.js