webpack - 如何一个接一个地运行一个 webpack 插件？

Question

我有文件：

/* variables.scss */

:root {
    --color: red;
}

/* button.scss */

.color {
    color: var(--color);
}

然后我在JS中导入：

/* index.js */

import "./variavles.scss";
import "./button.scss";

我正在使用postcss-cssnext用它的值替换变量，但是将它与style-loader一起使用是行不通的，因为有两个单独的文件，所以postcss变量的上下文很松散：（https://github.com/MoOx /postcss-cssnext/issues/418#issuecomment-334056406）。

所以我的问题是：有没有办法只postcss在所有文件连接成一个之后才调用插件？