使用 Laravel MIX 将多个 CSS 编译为一个 CSS

Question

我当前的 webpack.mix.js 配置是：

mix.js('resources/js/app.js', 'public/js')
.postCss('resources/css/app.css', 'public/css', [
    require('postcss-import'),
    require('tailwindcss'),
]).extract();

如果我有另一个 CSS，比如说“plugin-1.css”，我如何合并两者以便获得一个 app.css 的输出？

我尝试了 ['resources/css/app.css', 'plugin-1.css'] 但这不是一个选项。

Answer 1

解决方案是将所有必需的 css 导入到一个主 css 文件中，然后在混合链中使用它：

应用程序.css：

@import 'resources/css/plugin-1.css';
@import 'resources/css/plugin-2.css';

[the content...]