0

我目前正在构建我的第一个 React 应用程序的管理端,该应用程序是从create-react-app开始的(如果在这种情况下很重要,也可以使用 styled-components)。

我没有构建自己的自定义管理员,而是使用Semantic UI React。其中一部分涉及导入样式

import 'semantic-ui-css/semantic.min.css';

我在我的管理容器组件中执行此操作。我遇到的问题是,一旦我导入这些样式,全局选择器就会在站点范围内应用,即使我只希望它们在管理方面。

是否有将导入样式限制在应用程序给定区域的标准做法?我对这个很陌生。

4

1 回答 1

0

您需要使用支持 CSS 模块规范的样式加载器。

此加载器将使用父唯一类命名组件的 css 类。这将防止您的 css 类泄漏到全局命名空间。

例如,我使用了来自 kriasoft 的同构样式加载器,它做到了这一点。

于 2017-08-12T06:46:53.190 回答