在弹出的CRA中自定义Antd

时间:2019-08-02 07:59:39

标签: reactjs webpack antd

我已经制作了一个新的CRA,并且正在使用Ant Design库。 查看说明,我并不确定100%确实需要做什么,但是从我可以收集到的信息来看,由于我退出了应用程序,因此可以修改webpack.config.js文件并完成操作。 / p>

不幸的是,我所做的更改似乎没有得到体现

我已将以下内容添加到我的规则数组中

    {
      test: /\.less$/,
      use: [{
        loader: require.resolve('style-loader'),
      }, {
        loader: require.resolve('css-loader'), // translates CSS into CommonJS
      }, {
        loader: require.resolve('less-loader'), // compiles Less to CSS
        options: {
          modifyVars: {
            'primary-color': '#1DA57A',
            'link-color': '#1DA57A',
            'border-radius-base': '2px',
          },
          javascriptEnabled: true,
        },
      }],
    },

有人知道我如何使它工作吗?

1 个答案:

答案 0 :(得分:0)

代替弹出。您可以使用customize-cra包来覆盖默认设置。蚂蚁设计已经添加了有关创建React应用程序用法的文档。请检查此link

希望这会有所帮助!