将变量导入 React 中的 css 模块

Import variables into css module in React

我使用 CSS 模块,我的 css/stylesheet 文件位于我的组件旁边。

支持可导入到我的样式表中的全局颜色文件的最快方法是什么?

我的 css-modules 和 webpack 默认支持吗?帮助。

您在使用 CRA 吗?如果是这样,你可以。您只需确保您使用的是 postcss 和 postcss-modules-values 插件。注意:还没有在没有 Create React App 的情况下测试过这个(还),所以如果有人测试过,知道它会有所帮助。

现在,您只需创建一个样式表(或简单地使用 index.css,您自己选择),然后执行以下操作:

@value blue: #0c77f8;
@value red: #ff0000;
@value green: #aaf200;

现在,从您的 component-scoped css 文件中,只需导入并使用(几乎 JS-like):

/* import your colors... */
@value colors: "./colors.css";
@value blue, red, green from colors;

.button {
  color: blue;
  display: inline-block;
}

Source(文档)。