相关疑难解决方法(0)

使用 ReactJs 更改 Ant Design 变量

我在我的应用程序中使用antd库。根据文档,我可以通过更改变量来自定义主题,例如:

modifyVars: {
  "primary-color": "#EB564F",
   "link-color": "#0DD078",
   "success-color": "#0DD078",
   "border-radius-base": "40px",
}
Run Code Online (Sandbox Code Playgroud)

我在我的反应应用程序中做了类似的事情,添加了文件webpack.config.js和其中的下一个代码:

// webpack.config.js
const antdRegex = /antd.+\.less$/;

module.exports = {
rules: [
    {
        test: antdRegex,
        loader: [
            "style-loader",
            "css-loader",
            {
                loader: "less-loader",
                options: {
                    lessOptions: {
                        modifyVars: {
                            "primary-color": "#EB564F",
                            "link-color": "#0DD078",
                            "success-color": "#0DD078",
                            "border-radius-base": "40px",
                        },
                        javascriptEnabled: true,
                    },
                },
            },
        ],
    }]
}
Run Code Online (Sandbox Code Playgroud)

但颜色不会改变。为什么以及如何解决?

javascript reactjs webpack

6
推荐指数
1
解决办法
7062
查看次数

标签 统计

javascript ×1

reactjs ×1

webpack ×1