当前位置: 首页 > news >正文

lodash-es 详解

import { cloneDeep } from 'lodash-es' 是使用 ​​ES Modules​​ 语法从 lodash-es 包中按需导入 cloneDeep 函数。这是现代前端开发中推荐的使用 Lodash 的方式:


1. lodash-es 是什么?

  • 它是 Lodash 的 ​​ES Modules 版本​​(普通 lodash 是 CommonJS 版本)
  • 完全兼容 ​​Tree Shaking​​(摇树优化),打包工具(如 Webpack/Vite)会自动移除未使用的代码
  • 每个函数都是独立的 ES 模块,可以单独导入

2. 为什么推荐这种写法?

对比项import _ from 'lodash'import { cloneDeep } from 'lodash-es'
打包体积引入整个库(约 70KB)只包含 cloneDeep(约 1KB)
Tree Shaking❌ 不支持✅ 完全支持
适用场景需要大量 Lodash 功能只需要少量函数

3. 实际使用示例 

// 只导入需要的函数(推荐)
import { cloneDeep, debounce } from 'lodash-es'const original = { a: 1, b: { c: 2 } }
const copied = cloneDeep(original) // 深拷贝

4. 与普通 lodash 的区别 

 

// ❌ 传统方式(不支持 Tree Shaking)
import _ from 'lodash'
_.cloneDeep(...)// ✅ 现代方式(推荐)
import { cloneDeep } from 'lodash-es'
cloneDeep(...)

5. 如何安装 

npm install lodash-es
# 或
yarn add lodash-es

6. 特别提示

  • 如果使用 Vite/Rollup/Webpack 等现代构建工具,优先选择 lodash-es
  • 如果是 Node.js 环境或不支持 ES Modules 的旧项目,才需要用普通 lodash

这种按需导入的方式能让你的项目更轻量化,是 Lodash 官方推荐的最佳实践。

 

http://www.dtcms.com/a/136277.html

相关文章:

  • 矩阵基础+矩阵转置+矩阵乘法+行列式与逆矩阵
  • TensorRT模型部署剪枝
  • Day92 | 灵神 | 二叉树 路径总和
  • Information-Theoretic Limits of Bistatic Integrated Sensing and Communication
  • 危化品经营单位安全生产管理人员备考要点
  • 深入探究Linux编译器gcc/g++:从基础到进阶
  • B2B2C商城系统流程图解析
  • 从零构建机器学习流水线:Dagster+PyTorch实战指南
  • Vue3 SSR 工程化实践:日常工作中的性能优化与实战技巧
  • MySQL 中 `${}` 和 `#{}` 占位符详解及面试高频考点
  • Linux常用基本命令
  • Ubuntu服务器日志满audit:backlog limit exceeded了会报错解决方案-Linux 审计系统 (auditd) 工具
  • Linux红帽:RHCSA认证知识讲解(十 三)在serverb上破解root密码
  • 构建用户友好的记账体验 - LedgerX交互设计与性能优化实践
  • springboot 切面拦截自定义注解
  • 50%时效提升!中巴新航线如何重构ebay跨境电商物流成本?
  • win7/win10/macos如何切换DNS,提升网络稳定性
  • 若依改用EasyCaptcha验证码
  • UE5在场景3D物体上播放本地视频(带声音)
  • 数据挖掘案例-电力负荷预测
  • L2-052 吉利矩阵分
  • Sentinel源码—3.ProcessorSlot的执行过程一
  • 第五章 5.2ESP32物联网应用:HTTP与Web服务器详细教学
  • dfs二叉树中的深搜(回溯、剪枝)--力扣129、814、230、257
  • SpringMVC学习(请求与响应。常见参数类型接收与响应。@RequestParam、@RequestBody的使用)(详细示例)
  • 阿里云集群开启debug
  • LangChain缓存嵌入技术完全指南:CacheBackedEmbedding原理与实践(附代码示例)
  • 遵守 Vue3 的单向数据流原则:父组件传递对象 + 子组件修改对象属性,安全地实现父子组件之间复杂对象的双向绑定示例代码及讲解
  • 道路运输安全员企业负责人考试内容与范围
  • Zookeeper 可观测性最佳实践