reactjs - 在 React.js 应用程序中覆盖 Ant 设计配置
问题描述
我正在使用 React.js 构建应用程序。另外我正在使用 Ant 设计来创建 UI。根据ant设计文档
我们可以在 ant design 中覆盖默认颜色和其他样式。根据它我可以添加:
// webpack.config.js
module.exports = {
rules: [{
test: /\.less$/,
use: [{
loader: 'style-loader',
}, {
loader: 'css-loader', // translates CSS into CommonJS
}, {
loader: 'less-loader', // compiles Less to CSS
+ options: {
+ lessOptions: { // If you are using less-loader@5 please spread the lessOptions to options directly
+ modifyVars: {
+ 'primary-color': '#1DA57A',
+ 'link-color': '#1DA57A',
+ 'border-radius-base': '2px',
+ },
+ javascriptEnabled: true,
+ },
+ },
}],
}],
}
但是当我添加这段代码时,我没有得到任何结果。
我应该添加另一个代码以使我的代码可行还是可能是什么问题?如何使用上述配置更改默认样式?
解决方案
推荐阅读
- ios - 如何在 SwiftUI 中使用 Core Text
- ssl - 在本地 ServiceFabric httpGatewayEndpointPort 上使用 SSL 证书
- google-chrome-extension - 在 Chrome 上监听 `onInstalled` 事件需要哪些权限?
- authentication - Blazor 服务器端 + Cognito 注销?
- azure - Azure 功能减少登录应用程序洞察力
- python - 重新加载模块,同时保留它的变量
- python - 使用 iloc 在 python 数据框中建立索引以选择除第一列之外的所有列
- arrays - 如何使用 Powershell 获取多个数组的对象?
- memory-leaks - 如何在 rust 中删除集合中的项目
- c++ - Arduino Leonardo,Wire.h 抛出错误,但设置为 Esp32 时没有错误