在没有本地范围的类的情况下导入Semantic-ui css || Semantic-ui使用本地作用域的类

Question

我想在我的组件中有选择地使用semantic-ui-css类。问题是我使用PostCSS模块选项，它在本地范围内定义特定组件的所有类名。当我使用semantic-ui-react组件，例如一个按钮时，它使用类button呈现元素ui button，但是包含的css在本地获取作用域而不是button我得到button-min_ui__14RRq

我需要做两件事之一：

1. 导入Semantic-ui css而不在本地范围内定义类
2. 使Semantic-ui组件使用本地作用域的类

现在我看到我只有一个选择：

import React from 'react';
import { Button } from 'semantic-ui-react'
import semantic from 'semantic-ui-css/components/button.min.css'

export default class Test extends React.Component {
  render(){
    return (
        <Button className={[semantic.ui, semantic.button]}>Click Here</Button>
      )
  }
}

我明确说明了按钮的使用类。它可以工作，但我必须为每个元素执行此操作，并保留默认类。所以我得到了ui button button-min_ui__14RRq button-min_button__Uio9b

如果没有保留默认类，有没有办法做到这一点？

Answer 1

我不确定我是否完全理解这个问题，但会给它一个机会。您是否应该尝试从PostCSS中排除语义/全局样式？例如。如果您使用webpack，请在加载器定义中使用'exclude'。 （这是我们在我工作的一个项目中所做的事情）

劳拉