Объедините Sass и простой CSS в один файл с помощью Laravel Elixir

как объединить простой CSS и Sass файл с Laravel Elixir? Если я запускаю следующий код, то два файла " все.CSS" и "приложение.css " генерируется на

8
css gulp laravel-5.1 laravel-elixir php

2 ответов

Я обычно делаю это таким образом. Структура каталогов:

/public
    /css 
        all.css
/resources
    /css
        app.css
    /sass
        app.scss

код должен выглядеть так:

elixir(function (mix) {
    mix.sass([
        'app.sass'
    ], 'resources/assets/css/custom.css')
    .styles([
        '/resources/assets/css/app.css',
        '/resources/assets/css/custom.css',
    ], 'public/css/all.css', __dirname);
})

Это позволит создать обычай.css файл в / ресурсы / активы / css / custom.в CSS и тогда все файлы css в этой папке будут объединены в один файл, расположенный в / public / css.

15

может быть не так чисто, как разделение каталогов, но файл SASS компилируется в файл CSS, поэтому теоретически вы можете передать обычный файл css в микшер эликсира:

mix.sass(['app.scss', 'jumbotron-narrow.scss', 'datepicker_standalone3.css']);

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

1