Lodash命名导入仍引入完整包，如何减小打包体积？

你遇到的问题是因为Lodash的默认包（lodash）并非为tree-shaking优化设计，即便使用import { get } from "lodash"这种命名导入方式，打包工具依然会将整个Lodash库打包进去，这和Ant Design的模块拆分逻辑不同。

以下是几种有效减小Lodash打包体积的方案：

• 直接导入单个方法
  直接指定导入具体方法的文件路径，只会打包该方法的代码：

  import get from 'lodash/get';
  

• 使用lodash-es版本
  Lodash提供了支持ES模块的lodash-es包，它原生支持tree-shaking。安装后使用命名导入，打包工具会自动剔除未使用的代码：

  import { get } from 'lodash-es';
  

  注意确保你的打包工具（如Webpack、Vite）在生产模式下开启了tree-shaking（通常默认已开启）。

• 借助Babel插件自动转换
  使用babel-plugin-lodash插件，它会自动将你的Lodash导入语句转换为单个方法的导入，无需手动修改代码。配置完成后，import { get } from 'lodash'会被自动处理为import get from 'lodash/get'，从而实现体积优化。

内容的提问来源于stack exchange，提问作者user20002028