Question

我有一个CSS文件，正在其中使用@import导入其他CSS文件。使用laravel-mix编译CSS文件时，编译后无法导入包含的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");

现在我想要的只是当我使用laravel-mix编译resources/css/icheck/all.css文件时，所有导入的CSS文件都应复制到public/css文件夹中

CSS @import不适用于Laravel Mix

0 个答案: