如何运行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一起使用并不起作用，因为有两个单独的文件，所以{{ 1}}松散变量的上下文：（https://github.com/MoOx/postcss-cssnext/issues/418#issuecomment-334056406）。

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