Как объединить файлы SASS/SCSS и CSS в один CSS-файл в laravel mix?


Как объединить файлы SASS/SCSS и CSS в один CSS-файл в laravel mix?

09.10.2020 04:07:56 Просмотров 18 Источник

Я пытаюсь объединить несколько файлов 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?

Является ответом!
Rosh_LK

09.10.2020 08:29:41

  1. Вы можете импортировать 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 прямолинейно.

  2. Вы можете комбинировать 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

Помочь в развитии проекта:
Закрыть X