reactjs - ReactJS 混合了所有的 css

Question

第一页是Index.js并且包含Index.css

路径-> /src/action/Index.js

- src
|
-- action
|
--- Index.js

import '../css/Index.css';

第二页Customer.js包含Auth.css

路径-> /src/action/User/Customer.js

- src
|
-- action
|
--- User
|
---- Customer.js

import '../../css/Auth.css';

问题是两个页面都使用了两个 CSS 文件。我怎样才能避免这种情况？

标签： reactjs

Answer 1

您的 index.css 模块应该使用 @import "example.css" 导入相关 css 模块的“树”。我建议将它更多地嵌套到导入其他 css 的不同 css 模块中，从而创建 css 导入的逻辑树。使用它，您需要做的唯一导入是根索引 css。