若是是本身配置的reac項目,而非官方推薦的creat-react-app或者dva-cli等阿里本身開發的腳手架去引入antd,會有兩個問題css
第一,用babel-plugin-import設置style true 並不能經過less的方法引入antd 的樣式。只能自動引入css。須要手動去引入less文件導入樣式。node
第二,既然沒法自動按需引入less文件也就沒法去改主題色,即便手動引入全局的antd,去改 primary-color 也不能生效。react
即便在loader 添加options{"modifyVars":{ "@primary-color": "#1DA57A"}},用less 的modifyVars 去修改,依然沒法對antd生效。git
解決方案:1.使用 react-app-rewired (一個對 create-react-app 進行自定義配置的社區解決方案)並修改 啓動配置。github
2.引入 react-app-rewire 的 less 插件 react-app-rewire-less 來幫助加載 less 樣式npm
若是比較笨的方法就是在node_modules 將antd提取出來,在本身的src裏面修改引入babel
另外有其餘的解決方案,能夠經過antd-init 中修改antd
後記:把antd升級到最新穩定版 3.5.1後 在.babelrc 設置style true 居然生效了。(原來設置style css 能夠生效)可是配置less-loader 添加options主題色依然無效,奇怪的是若是在模塊裏面app
隨便引入一個 style 例如 import 'antd/lib/layout/style'; 主題色生效了,註釋掉則依然無效,費解。less
Typescript 引入antd (react-scripts-ts-antd)
js 中用babel 引入