有 create-react-app (react 17),执行弹出以访问配置,有 scss 模块 index.module.scss 并且它使用 colors.scss 文件中的 $white 变量和颜色。模块是隔离的,无法访问变量。我找到的唯一解决方案是将 colors.scss 转换为一个模块并将其导入到每个使用颜色值变量的 scss 文件中。有没有办法让这些 scss 变量在不进行复制的情况下对所有文件可用?
//colors.module.scss
$ white: #ffffff;
// index.module.scss
@import "~ scss/colors.module";
.wrapper {
background-color: $white;
}
我在这里找到了一个旧的解决方案,这是我的情况,仅在 React 中是一对一的,但我无法在配置中编写它以便它工作(如果我理解正确,在 ./config/webpack.config.js 中),也许有人可以帮忙