在React

Question

我在我的组件旁边使用CSS模块和我的css / stylesheet文件。

支持可以导入样式表的全局颜色文件的最快方法是什么？

默认情况下，我的css-modules和webpack是否支持此功能？帮助

Answer 1

您使用的是CRA吗？如果是这样，你可以。您只需要确保使用postcss和postcss-modules-values插件。注意：Haven没有在没有Create React App的情况下对此进行测试，所以如果有人有，那将有助于了解。

现在，您只需要创建一个样式表（或者只是使用index.css，您的选择），然后执行以下操作：

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

现在，从组件范围的css文件中，只需导入和使用（几乎类似于JS）：

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

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

Source（文档）。