如何使用craco修改ants LESS变量?

时间:2019-07-08 21:40:31

标签: reactjs less create-react-app antd

craco提供了this recipe来使用create-react-app修改Ant Design LESS变量。但是,我不明白如何通过此配置修改变量。链接配方中的变量lessRule没有可见效果:

const lessRule = {
    test: lessExtension,
    use: [
        {
            loader: require.resolve("style-loader"),
        },
        {
            loader: require.resolve("css-loader"),
        },
        {
            loader: require.resolve("less-loader"),
            options: {
                modifyVars: {
                    "@primary-color": "#1DA57A",
                    "@link-color": "#1DA57A",
                    "@border-radius-base": "2px",
                },
                javascriptEnabled: true,
            },
        },
    ],
};

lessRule被推送到oneOf,但我无法研究其有效作用。我如何在此配置文件中查看应用中显示的样式更改?

1 个答案:

答案 0 :(得分:0)

craco-antd允许这样做。我对问题中的疯子配方有什么困惑。我不确定这很重要。