Объедините Sass и обычный CSS в один файл с помощью Laravel Elixir
Как вы комбинируете простой CSS и Sass файл с Laravel Elixir? Если я запускаю следующий код, то два файла «all.css» и «app.css» генерируются на public/CSS/ каталог. Тем не менее, я хочу создать только один файл CSS, который будет all.css, Ребята, вы знаете какие-нибудь хитрости, чтобы сделать это?
elixir(function (mix) {
mix.sass([
'app.scss'
])
.styles([
'owl.carousel.css'
]);
})
Решение
Я обычно так делаю. Структура каталогов:
/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);
})
Сначала будет создан файл custom.css в /resources/assets/css/custom.css и тогда все CSS-файлы в этой папке будут объединены в один файл, расположенный в / Государственный / CSS.
Другие решения
Может быть не так чисто, как разделение каталогов, но файл SASS компилируется в файл CSS, поэтому теоретически вы можете передать обычный файл css в микшер elixir:
mix.sass(['app.scss', 'jumbotron-narrow.scss', 'datepicker_standalone3.css']);
Конечным результатом является отдельный файл app.css в соответствующем общедоступном каталоге.