You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何最优导入Lodash的_?避免完整库打包的方法

最优Lodash按需导入方案

针对你遇到的问题,下面是几种既能减少打包体积,又能正常使用所需Lodash函数的方案:

1. 单独导入单个函数

直接从Lodash的对应子模块导入单个函数,打包时只会包含你用到的函数,是最直接的按需导入方式:

import sortBy from 'lodash/sortBy'
import map from 'lodash/map'

// 使用示例
const sortedList = sortBy(yourData, 'key')
const mappedData = map(yourData, item => item.value)

2. 使用lodash-es实现树摇导入

Lodash的ES模块版本lodash-es专为树摇(Tree Shaking)优化,你可以直接解构导入所需函数,Webpack、Vite等打包工具会自动剔除未使用的代码:
首先安装lodash-es:

npm install lodash-es

然后导入使用:

import { sortBy, map } from 'lodash-es'

// 用法和完整导入一致
const sortedList = sortBy(yourData, 'key')
const mappedData = map(yourData, item => item.value)

这种方式写法简洁,同时能保证最小打包体积,推荐优先使用。

3. 自定义Lodash工具集

如果你习惯使用_.xxx的写法,可以自己封装一个只包含所需函数的自定义_对象:

import sortBy from 'lodash/sortBy'
import map from 'lodash/map'

// 自定义_对象,只包含用到的函数
const _ = {
  sortBy,
  map
}

// 依然可以用熟悉的写法
const sortedList = _.sortBy(yourData, 'key')

关于你之前的错误说明

import _ from 'lodash/_'报错是因为lodash/_是Lodash内部的私有模块路径,并非对外暴露的导入入口,所以无法直接导入。

内容的提问来源于stack exchange,提问作者Krishna

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.14 11:25:31