为laravel中的某些页面加载特定的scss文件

Question

所以我的问题是关于标题。我找到了几个答案，在 SO 上的某个页面上包含 CSS 文件，例如Laravel 5 - 仅在某个页面/控制器（页面特定资产）上添加样式表但是是否可以使用一个.scss文件来完成它，然后将其编译并添加为 .css 文件？

Answer 1

由于app.scss文件是在文件中定义的webpack.mix.js ，同样您可以定义自己的自定义 scss 并将其编译为 css 并根据需要在任何刀片中调用它。

在 webpack.mix.js

mix.js('resources/js/app.js', 'public/js')

   .sass('resources/sass/app.scss', 'public/css')

   .sass('resources/sass/custom.scss', 'public/css');

custom.scss会被编译到custom.css的public/css目录

您可以为任何特定刀片调用此文件。

如果您希望将更多scss文件包含到 中custom.scss，则可以按如下所示导入它，

在 custom.scss

@import '../assets/admin/css/dashmix.min.css';

@import '../assets/admin/css/xwork.min.scss';   

希望这可以帮助！