wtf is antd.macro?

antd.macro is a small utility that makes it easier to import styling when you use Ant Design, a popular component library for building user interfaces. Normally, when you pull a component like a Button from Ant Design, you also need to manually figure out how to bring in the matching CSS so the button actually looks right. This tool automates that step so you get the styles and the component in one clean line of code. You use it by importing components from "antd.macro" instead of directly from "antd." Behind the scenes, the tool rewrites that single import into two parts: one that brings in the component itself, and another that loads its specific stylesheet. You can also configure it to pull in LESS files instead of CSS if you need to customize the underlying styles. The primary audience is developers building apps with Ant Design, especially those using Create React App (CRA), a very common starting point for React projects. CRA intentionally hides a lot of build configuration to keep things simple, which makes it hard to use other tools that require custom setup. Because this tool works as a "macro," it plugs into that existing setup without forcing you to break out of the standard CRA structure. The README also notes that it keeps your import statements clean and relies on the build tool's existing ability to eliminate unused code. What makes this notable is how it compares to older solutions. Traditionally, developers used a tool called babel-plugin-import to solve the same styling problem, but that required extra setup and modified your code in ways that were not always obvious. This project takes a more explicit approach: you always see exactly what you are importing in your code, and the tool just handles the styling in the background.