定製antd Less或Css for create-react-app

Question

我正在使用create-react-app作爲入門工具包，並在antd組件庫中使用。

我似乎無法找到一種方法來定製他們的樣式（用於品牌目的）。文檔似乎沒有給出有關定製的明確方向。

文檔鏈接：https://ant.design/docs/react/customize-theme

他們建議兩種方式來做到這一點，但：

1.使用theme財產。但這隻適用於antd-init或dva-cli樣板文件，而不適用於create-react-app

2.覆蓋Less變量。

現在要使這兩個選項之一工作create-react-app沒有eject，我需要採取什麼步驟？

Answer 1

你的問題沒有很好的研究，我害怕。至少，在發佈問題之前，請閱讀https://ant.design/docs/react/use-with-create-react-app和較早的Stackoverflow問題（如How do I use .babelrc to get babel-plugin-import working for antd?）中的說明。

就目前而言，CRA不支持更改Babel配置。這需要包含antd babel-plugin，這是需要支持只導入必要的antd模塊。

因此，您只能在非彈出的CRA應用程序中導入整個單片antd。