目前 pc 端定制为了符合有赞 UI 标准，默认集成了有赞 react 基础组件库 zent，但是很多小伙伴表示习惯于使用 Antd 作为基础组件库来开发，所以特发了一个 antd-to-zanui 的包来支持 Antd。
链接地址：https://www.npmjs.com/package/antd-to-zanui

Antd 主题定制

https://ant.design/docs/react/customize-theme-cn

安装

// npm

npm  install  antd-to-zanui  --save-dev

  

// yarn

yarn  add  antd-to-zanui

  

webpack.config.js 配合 less-loader 使用

var vars = require('antd-to-zanui/dist/vars);

  

// 其他内容参考antd文档: https://ant.design/docs/react/customize-theme-cn

{

loader: 'less-loader', // compiles Less to CSS

options: {

lessOptions: {

// 如果使用less-loader@5，请移除 lessOptions 这一级直接配置选项。

modifyVars: vars,

javascriptEnabled: true,

},

},

}

  

在 less 文件中使用

  

@import 'antd/lib/style/themes/default.less';

@import 'antd/dist/antd.less'; // 引入官方提供的 less 样式入口文件

@import 'antd-to-zanui/dist/rewrite.less'; // 用于覆盖上面定义的变量