Implement ant-design (antd) in create-react-app

Hi guys. As you may know, ant-design is being sort of popular in these last days, but the implementation require eject CRA if you want to implement it in the best performant way.

More info:

• https://ant.design/docs/react/use-with-create-react-app
• https://ant.design/docs/react/getting-started#Import-on-Demand

Is there a way to implement ant-design, with no ejecting CRA?

[gaearon]

I don’t understand why Ant docs recommend ejecting and using the Babel plugin. If I understand it right, you don’t need to eject to use Ant—you can import components one by one:

import Button from 'antd/lib/button';
import 'antd/lib/button/style';

This should work with Create React App.

cc @afc163, would you be willing to amend the docs to recommend this approach for CRA integration rather than ejecting? It’s unfortunate when libraries prescribe people to change their build process.

[MrLoh]

See example less theme here: https://github.com/MrLoh/nextjs-cms/blob/master/static/antd-theme.less

Which is compile with lessc --clean-css static/antd-theme.less static/antd.min.css

You’d have to adjust the directory structure of course in create React app.