Webpack 如何一个接一个地运行网页包插件？

我有以下文件：

/*variables.scss*/
：根{
--颜色：红色；
}
/*button.scss*/
.颜色{
颜色：var（--颜色）；
}

然后我在JS中导入：

/*index.js*/
导入“/variavles.scss”；
导入“/button.scss”；

我正在使用它的值替换变量，但是使用它不起作用，因为有两个单独的文件，所以

postsss

释放变量的上下文：（）

所以我的问题是：有没有一种方法可以只在所有文件连接成一个后调用

postss

插件