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

Question

我想从Ant Design React CSS library导入一些组件，但是我无法使其正常运行。我希望能够导入单个组件而不会与我的CSS的其余部分弄混。

这是我尝试过的：

import Button from 'antd/lib/button';
import 'antd/lib/button/style'; 

===>不导入样式。

import Button from 'antd/lib/button';
import 'antd/lib/button/style/css';

===>可以使用，但会与应用程序的其余部分混淆

我试图做写成here, import AntD on demand的事情：

===>不起作用，不导入样式

我的问题：是否有循序渐进的指南来做我想做的事？

我不是唯一想这样做并且遇到问题的人，这里a guy on Reddit，我发现了许多其他链接，并且尝试了每件事，但绝对没有任何效果。

谢谢！

Answer 1

import {Button} from 'antd'
import 'antd/lib/button/style';

为我工作...

您是什么意思

  

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

???

Answer 2

import { Spin, Icon } from 'antd';
import 'antd/lib/spin/style/css';

为我工作antd version 3.17.0

Answer 3

在您的全局style.css文件中，尝试：

Storage::disk('local')
    ->put('my_local_filename', Storage::disk('sftp')
       ->get(self::REMOTE_FILE_DEST));