javascript - 使用外部配置加载 lodash 时出现 Webpack 错误

Question

我正在尝试使用 webpack 修改当前项目。在我的脚本中，我使用的是 lodash 库，但我也有不是在 ES6 上编写的脚本，所以我使用普通脚本标签全局加载 lodash。根据 webpack 文档，我在 webpack ( https://webpack.js.org/configuration/externals/ ) 上添加了以下配置。

lodash : {
        commonjs: 'lodash',
        amd: 'lodash',
        root: '_' // indicates global variable
      },

我使用 babel 编译代码没有任何问题，但是当实际代码执行时，我收到以下错误“类型错误:无法读取未定义的属性‘forEach’”

如果我从文件中删除 import _ from "lodash"; 语句，那么问题就解决了，脚本按预期工作，因为 _ 是全局的。

但这在不添加外部组件的情况下也能正常工作吗？根据 jquery 的 webpack 示例

module.exports = {
  //...
  externals: {
    jquery: 'jQuery'
  }
};

以下代码不变

import $ from 'jquery';
$('.my-element').animate(/* ... */);

在我的例子中，为什么不起作用？有什么建议么 ？想法？

Answer 1

我想我找到了一个解决方案，在我一遍又一遍地阅读文档后，我注意到那条消息也在黄色边框上

An object with { root, amd, commonjs, ... } is only allowed for libraryTarget: 'umd'. It's not allowed for other library targets.

所以我改变了我的配置

lodash : {
      commonjs: 'lodash',
      amd: 'lodash',
      root: '_' // indicates global variable
    }

到

lodash: '_'

问题已解决，现在按预期工作。如果我能理解为什么这是个问题，当然会很棒