css - Laravel Mix 为授权用户添加特定文件

Question

刚开始使用 Laravel Mix。现在我已经将所有需要的主要 css 捆绑到名为 test.css 的文件中，并且加载正常。

现在，还有两个样式表，即a.css 和b.css。我想要做的是将其合并到 mix 生成的 test.css 中，前提是用户已通过身份验证。

现在，在简单的 Blade 中，我们会添加

@auth // Load css here @endauth

但是，如何使用 mix 做到这一点，在任何地方都找不到相同的信息。

谢谢

Answer 1

CSS 不是一种编程语言，因此您不能使用 if 语句来了解用户是否在 CSS 中进行了身份验证。

在 laravel 的文档中 mix .我不知道您是否使用任何 CSS 预处理器，但我想这应该只适用于 CSS 文件:

mix.styles([
    '/resources/assets/css/partial1.css',
    '/resources/assets/css/partial2.css',
    '/resources/assets/css/main.css',
], 'public/css/test.css');

mix.styles([
    '/resources/assets/css/a.css',
    '/resources/assets/css/b.css',
], 'public/css/admin.css');

然后在用户登录时加载 admin.css。