WebStorm不参与按需加载，仅提供代码提示；打包仍全量是因为babel-plugin-import未生效，需检查插件安装、配置位置（babel.config.js）、style选项匹配loader，最终以构建产物分析为准。
WebStorm 本身不参与 Ant Design 的按需加载逻辑，它只是编辑器；真正起作用的是项目里的 Babel 插件和构建配置。只要配置正确，WebStorm 能正常识别组件、跳转、提示，但不会“运行”或“触发”按需加载。
为什么在 WebStorm 里 import { Button } from 'antd' 没报错，但打包后还是全量？
这是最常见的误解：WebStorm 的 TypeScript/ESLint 提示只检查模块路径是否可解析，不验证最终打包行为。即使你写了 import { Button }，如果 babel-plugin-import 没生效，Webpack 仍会引入整个 antd 包。
- 检查
node_modules/babel-plugin-import是否已安装（yarn add babel-plugin-import -D） - 确认插件配置写在
babel.config.js（不是.babelrc）中，且格式无语法错误 - 重启 WebStorm 的语言服务：菜单栏 File → Invalidate Caches and Restart → Just Restart（否则类型提示可能滞后）
create-react-app 项目里，config-overrides.js 配置后 WebStorm 不识别 Button 类型
这是因为 customize-cra 和 react-app-rewired 修改了构建流程，但没改 TypeScript 的类型解析路径。WebStorm 默认只读 node_modules/antd/index.d.ts，而按需加载实际引用的是 node_modules/antd/es/button/index.d.ts。
完整的Galileo AI平台 TypeScript/JS SDK 参考，用于评估、观察和保护 GenAI 应用。适用于构建 Node.js 或 TypeScript 项目。
- 在
tsconfig.json的compilerOptions.paths中手动补全映射：
"paths": {
"antd/*": ["node_modules/antd/es/*"]
}
- 确保
baseUrl已设为"." - 重启 WebStorm 的 TypeScript 服务（同上 Invalidate Caches）
style: 'css' 还是 style: true？WebStorm 提示样式找不到
选 style: 'css' 时，babel-plugin-import 会自动引入 antd/es/button/style/css；选 style: true 则引入 antd/es/button/style（即 less 文件），此时必须配好 less-loader，否则 Webpack 编译失败 —— 但 WebStorm 不报错，它只管 TS 类型，不管样式编译。
- 开发阶段用
style: 'css'最省心，避免额外 loader 配置 - 若要用主题定制（less），必须在
config-overrides.js中加addLessLoader，且 WebStorm 需要安装 Less support 插件（Settings → Plugins） - 注意：Ant Design v5+ 默认使用 CSS-in-JS（
@ant-design/cssinjs），style配置对新版本无效，应改用theme配置
按需加载真正的验证点不在 WebStorm 界面，而在打包产物里 —— 查看 build/static/js/main.*.js 大小，或用 source-map-explorer 分析依赖图。WebStorm 做得再好，也不能替代一次 yarn build。
