react antd修改主题色

2021-01-22  本文已影响0人  jw_fc89

出错原因:按照antd官网,修改主题色,本地使用css-module 类名重新编译,导致样式修改不成功。

依赖包及版本号

依赖包 版本
less "^4.1.0"
less-loader "^7.3.0"
craco-less(新增) "^1.17.1"

webpack.config.js(只截取less配置)

{
    test: /\.less$/,
    include: path.resolve(utils.path, 'src'),
    use: [
        { loader: 'style-loader' },
        { loader: 'css-loader' },
        {
            loader: 'less-loader',
            options: {
                // 修改antd主题
                lessOptions: {
                    javascriptEnabled: true,
                    modifyVars: { '@primary-color': '#FF7E41' },
                }
            }
        }
    ],
    exclude: [path.resolve(utils.path, 'node_modules')]
}
上一篇下一篇

猜你喜欢

热点阅读