方式1:添加global

　　可以在样式的外部添加:global

 <Form onSubmit={this.handleSubmit} className="account-form">
 </Form>

:global{
    .account-form{
        background-color: red;
    }
}

 　　方式2:定制主题

　　我们以 webpack@4 为例进行说明，以下是一个 webpack.config.js 的典型例子，对 less-loader 的 options 属性进行相应配置。

// webpack.config.js
module.exports = {
  rules: [{
    test: /\.less$/,
    use: [{
      loader: 'style-loader',
    }, {
      loader: 'css-loader', // translates CSS into CommonJS
    }, {
      loader: 'less-loader', // compiles Less to CSS
+     options: {
+       lessOptions: { // 如果使用less-loader@5，请移除 lessOptions 这一级直接配置选项。
+         modifyVars: {
+           'primary-color': '#1DA57A',
+           'link-color': '#1DA57A',
+           'border-radius-base': '2px',
+         },
+         javascriptEnabled: true,
+       },
+     },
    }],
    // ...other rules
  }],
  // ...other config
}

 　　注意：

　　less-loader 的处理范围不要过滤掉 node_modules 下的 antd 包。

　　lessOptions 的配置写法在 less-loader@6.0.0 里支持。

上一篇

JavaScript中的instanceof是什么？

下一篇

如何实现数组的复制？