ant design的自定义主题 modifyVars无效的原因

ant design的自定义主题
config-overrides.js文件

const {override,fixBabelImports,addLessLoader} = require('customize-cra')module.exports = override(fixBabelImports('import',{libraryName:'antd',libraryDirectory:'es',style:true}),addLessLoader({javascriptEnabled:true,modifyVars:{'@primary-color':'#1DA57A'}, // 给指定的元素的名字改属性})
);

上述写法但是modifyVars没有效果，有可能是具体组件下引用的是import 'antd/dist/antd.css'而不是import 'antd/dist/antd.less'

import React,{Component} from 'react'
import {Button,message} from 'antd'
import 'antd/dist/antd.less'export default class App extends Component {handleClick = () => {message.success('This is a success message');}render () {return (<div><Button type="primary" onClick={this.handleClick}>Primary Button</Button></div>)}
}

以及fixBabelImports中的style:的值写的是css，而不是true

ant design的自定义主题 modifyVars无效的原因相关推荐

Ant design vue动态主题切换的坑与一般性方法
本文原创,并且以吐槽为主,下面开始: Ant design vue是很优秀的框架,不过对于一般小白用户(比如我),文档方面不够友好.官方给出了主题自定义色彩的方案,但是太过于简陋,网上很多技术解决方案 ...
Ant Design Vue自定义菜单图标时收起菜单文字不隐藏问题
问题:自定义菜单图标时收起菜单文字不隐藏问题代码: <a-menu-item v-for="item in memberMenu" :key="item.path ...
Ant Design Upload 自定义上传 customRequest
本文章重点描述上传组件 Upload 的 customRequest 自定义文件上传逻辑的实现目录 Upload 常用属性和方法默认上传 customRequest 自定义上传 Upload 自定 ...
React开发（245）:ant design form自定义验证
<Form.Item label="联系人手机号:">{getFieldDecorator('contactMobile', {initialValue: type = ...
实现Ant Design 自定义表单组件
Ant Design 组件提供了Input,InputNumber,Radio,Select,uplod等表单组件,但实际开发中这是不能满足需求,同时我们希望可以继续使用Form提供的验证和提示等方法 ...
android 自定义表单,Android实现Ant Design 自定义表单组件
Ant Design 组件提供了Input,InputNumber,Radio,Select,uplod等表单组件,但实际开发中这是不能满足需求,同时我们希望可以继续使用Form提供的验证和提示等方法 ...
解决ant design vue中的modal弹框样式修改无效问题修改modal样式无效
ant design vue中的modal弹框修改样式无效问题 ant中的弹框样式是修改不了的原因在于弹框modal被挂载在最大的元素div外面了所以需要将挂载在某个html元素上在modal外 ...
react-ant design mobile - webpack 自定义主题
最近学习react 遇到了这个问题仅仅是记录问题和解决问题的方法若那啥请移步... 若是哪里不足,请指教... 根据官网配置自定义主题会报 You may need an appr ...
Ant Design Pro 菜单自定义 icon
Ant Design Pro 官方文档说明在菜单中使用自定义的 icon 由于 umi 的限制,在 router.config.js 是不能直接只是用组件的,Pro 中暂时支持使用 ant.des ...

ant design的自定义主题 modifyVars无效的原因

ant design的自定义主题 modifyVars无效的原因相关推荐

最新文章

热门文章