修改Antd的主题

在webpack.config.js中修改Antd的主题

  //添加此内容可以解析less文件
            {
              test: /\.less$/,
              use: [
                require.resolve('style-loader'),
                {
                  loader: require.resolve('css-loader'),
                  options: {
                    importLoaders: 1,
                  },
                },
                {
                  loader: require.resolve('postcss-loader'),
                  options: {
                    // Necessary for external CSS imports to work
                    // https://github.com/facebookincubator/create-react-app/issues/2677
                    ident: 'postcss',
                    plugins: () => [
                      require('postcss-flexbugs-fixes'),
                      autoprefixer({
                        browsers: [
                          '>1%',
                          'last 4 versions',
                          'Firefox ESR',
                          'not ie < 9', // React doesn't support IE8 anyway
                        ],
                        flexbox: 'no-2009',
                      }),
                    ],
                  },
                },
                {
                  loader:require.resolve('less-loader'),
                  //添加以下代码改变主题
                    options: {
                      modules: false,
                      modifyVars: {
                        "@primary-color" : "#df2413"
                      }
                    }
                  //添加以上代码改变主题
                }
              ],
            },
            //添加此内容可以解析less文件