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

我当前的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”，我如何合并这两个CSS，从而获得一个app.CSS的输出

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

你可以链接它们

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

---

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

app.css：

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

[the content...]

---

这将有两个输出文件：app.css和plugin-1.css。我需要将它们合并到一个文件中。我试图强制输出文件名为“public/css/app.css”，但如果我这样做，我将得到一个文件，但仅来自plugin-1.css（将发生覆盖，而不是追加）