无法在不搞乱全局样式的情况下导入 Antd 单个组件

mok*_* Lo 6 javascript reactjs webpack antd

我想从中导入一些组件,Ant Design React CSS library但我无法让它工作。我希望能够导入单个组件而不会弄乱我的CSS.

这是我尝试过的:

import Button from 'antd/lib/button';
import 'antd/lib/button/style'; 
Run Code Online (Sandbox Code Playgroud)

===> 不导入样式。

import Button from 'antd/lib/button';
import 'antd/lib/button/style/css';
Run Code Online (Sandbox Code Playgroud)

===> 有效,但与应用程序的其余部分混淆

我试图做这里写的,按需导入 AntD

===> 不行,不导入样式

我的问题:是否有分步指南来做我想做的事?

我不是唯一一个想要这样做并且遇到问题的人,在这里,Reddit 上的一个人,我找到了许多其他链接,并尝试了每件事,但绝对没有任何效果。

谢谢!

U.R*_*ush 3

import {Button} from 'antd'
import 'antd/lib/button/style';
Run Code Online (Sandbox Code Playgroud)

为我工作...

你是什​​么意思

'===> 不导入样式。`

???