javascript - react的ant-design组件的如何修改样式？

问题描述

问 题

ant-design是个强大的组件库，其中有移动端的组件样式，样式种类也非常多，但是并没select这个组件，这需要我们自己去封装，（也许可以用原生的select，但想要封装在ant-design里）。
至于ant-design样式的话，新建less再引入它的less编译成属于自己的css。
但是看到index.html页面好像只引用了一个css，也就是说它多个组件编译了多个css，最后这些css又编译成了一个！那编译这些的过程里面，肯定有一个总的文件来进行编译。。没找到这个文件……

解决方案

它的打包编译用的是webpack和ant-tool（他们自己的建构轮子）的混合。
直接看它的webpack的配置文件：
https://github.com/ant-design...

ant-tool 的官方文档
http://ant-tool.github.io/ato...

他们的建构工具文档中关于webpack也有一些解释
http://ant-tool.github.io/web...

---

然后，你的定制化，也有文档的
https://ant.design/docs/react...

这篇关于javascript - react的ant-design组件的如何修改样式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！