在postcss中创建单独的CSS文件&；汇总

我希望我在JS中导入的每个

css

文件为我的构建创建一个新的css文件。例如：

导入“/app.css”； 导入“/admin.css”； 将创建

dist/app.css

和

dist/admin.css

。我正在使用汇总，这是我的配置文件：

从“@rollup/plugin commonjs”导入commonjs；
从“汇总插件PostCs”导入PostCs；
从“@rollup/plugin node resolve”导入解析；
从“汇总插件terser”导入{terser}；
从“postcss导入”导入PostCsImport；
从“postcss嵌套”导入postcssNested；
从“autoprefixer”导入autoprefixer；
const dev=process.env.WP_env==“开发”；
导出默认值{
输入：“src/main.js”，
输出：{
sourcemap:dev，
格式：“iLife”，
名称：“主要”，
文件：“dist/main.bundle.js”，
},
插件：[
决心({
浏览器：是的，
}),
邮政编码({
插件：[postsimport（）、postsssnested（）、autoprefixer（）]，
摘录：没错，
sourceMap:“内联”，
最小化：！dev，
}),
commonjs（），
！dev&&terser（），
],
观察：{
屏幕：错误，
},
};

尚未记录，但您可以根据需要使用

包括
，
排除

下面是两个css文件的示例：

import { resolve } from "path"

如果要排除一个文件：

plugins: [
  postcss({
    exclude: "**/bootstrap.css",
    extract: resolve('dist/app.css')
  }),
  postcss({
    include: "**/bootstrap.css",
    extract: resolve('dist/bootstrap.css')
  })
]

我也会对答案非常感兴趣。。。
plugins: [
  postcss({
    exclude: "**/bootstrap.css",
    extract: resolve('dist/app.css')
  }),
  postcss({
    include: "**/bootstrap.css",
    extract: resolve('dist/bootstrap.css')
  })
]