CSS @import не работает с Laravel Mix - PullRequest
0 голосов
/ 25 марта 2019

У меня есть файл CSS, в который я импортирую другие файлы CSS, используя @import. Когда я компилирую этот CSS-файл с помощью laravel-mix, я не могу импортировать включенные CSS-файлы после компиляции

У меня есть следующие CSScss, хранящиеся в resources/css/icheck/all.css

/* iCheck plugin skins
----------------------------------- */
@import url("minimal/_all.css");
@import url("square/_all.css");
@import url("flat/_all.css");
@import url("line/_all.css");
@import url("polaris/polaris.css");
@import url("futurico/futurico.css");

И вот мой webpack.mix.js

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css')
   .styles('resources/css/icheck/all.css', 'public/css/icheck.css')

Теперь, когда я запускаю команду 'npm run dev', она должна скопировать импортированные CSS-файлы, но у меня есть только следующий icheck.css файл в папке public/css

@import url("minimal/_all.css");
@import url("square/_all.css");
@import url("flat/_all.css");
@import url("line/_all.css");
@import url("polaris/polaris.css");
@import url("futurico/futurico.css");

Теперь все, что мне нужно, это когда я компилирую файл resources/css/icheck/all.css с использованием laravel-mix, тогда все импортированные CSS-файлы должны быть скопированы в папку public/css

...