如何在lodash-es中导入_并使用_.groupBy()方法

问题原因 #

你用import { _ } from 'lodash-es';报错是因为_是lodash-es的默认导出，不是命名导出，不能用花括号包裹导入。

两种解决方案 #

• 方案1：按需导入（推荐）
  和你之前用keyBy的方式一致，直接单独导入groupBy，既符合ES模块规范，又能利用tree-shaking减少打包体积：

  import { keyBy, groupBy } from 'lodash-es';
  
  // 直接调用groupBy即可
  const result = groupBy(yourDataArray, 'groupKey');
  

• 方案2：导入完整的_
  如果确实需要使用_.groupBy()这种调用方式，要导入默认导出的_，不要加花括号：

  import _ from 'lodash-es';
  
  // 现在可以正常使用_.groupBy()
  const result = _.groupBy(yourDataArray, 'groupKey');
  

注意 #

优先选方案1，因为lodash-es是支持tree-shaking的ES模块版本，按需导入只会打包你用到的方法，避免引入整个lodash库导致代码冗余。

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