美文网首页
react antd修改主题色

react antd修改主题色

作者: jw_fc89 | 来源:发表于2021-01-22 11:55 被阅读0次

    出错原因:按照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')]
    }
    

    相关文章

      网友评论

          本文标题:react antd修改主题色

          本文链接:https://www.haomeiwen.com/subject/eueszktx.html