Reactjs 未加载React Ant设计样式

我正在使用Webpack4x，并试图将其与

babel插件导入一起包括在内。我已更新我的网页配置以使用：

{
测试：/\.减去$/,，
包括：[/[\\/]节点单元模块[\\/].*antd/]，
使用：[
“css加载程序”，
{
加载器：“更少的加载器”，
选项：{
修改变量：{'@primary color'：'#1DA57A'}，
javascriptEnabled:true
}
}
]
},

这是可行的，因为它不会抛出任何错误。然而，这些风格似乎并没有出现在实际的应用程序中。我是这样写的：

从“antd”导入{Button}
类应用程序扩展组件{
render（）{
返回按钮
}
}

它渲染的按钮很好，只是样式没有出现。你知道是否还有其他需要做的事情，这样才能真正包含这些样式吗？谢谢大家!
 您需要在更少的时间内导入antd的更少文件：

//main.less
@import "~antd/dist/antd.less";

然后在ts/js索引中导入此文件：

import './less/main.less';

也可以在main.less中添加主题

这是我使用的网页包配置（网页包3）：

找到了另一个解决方案：

在index.js文件中，可以导入ant样式的文件：
导入“antd/dist/antd.css”；
参考：

嗯，这样可以加载那些基本样式，但似乎仍然没有从按钮加载组件样式。实际上看起来像是在
less loader
之前添加
style loader
和
css loader
。我添加了我使用的网页配置。
,{
                test: /\.less$/,
                use: [{
                    loader: 'file-loader',
                    options: {
                        name: 'theme.css'
                    }
                },{
                    loader: 'less-loader',
                    options: { javascriptEnabled: true }// compiles Less to CSS
                }]
          },