Webpack 当存在RequireJS时，如何防止捆绑库的AMD行为

我有一个JavaScript包，它通过HTTP加载到客户机的页面中，该页面使用RequireJS加载其依赖项。我使用WebPack编译JavaScript包，其中包括许多npm JS包，如lodash。这些被捆绑到我的软件包中（使用npm）。我的bundle还需要通过HTTP动态加载第三方JS库，这是通过向客户端页面中注入一个块来实现的。此图显示了运动部件：

第三方库还绑定了自己的模块。我碰巧知道它使用Browserify来实现这一点

我遇到的问题是，各种npm软件包（如lodash）在其发布的版本中都有如下AMD代码：

  // Some AMD build optimizers like r.js check for condition patterns like the following:
  if (typeof define == 'function' && typeof define.amd == 'object' && define.amd) {
    // Expose lodash to the global object when an AMD loader is present to avoid
    // errors in cases where lodash is loaded by a script tag and not intended
    // as an AMD module. See http://requirejs.org/docs/errors.html#mismatch for
    // more details.
    root._ = _;

    // Define as an anonymous module so, through path mapping, it can be
    // referenced as the "underscore" module.
    define(function() {
      return _;
    });
  }

结果，当我的JS包运行时，lodash试图变成全局的，干扰了客户端HTML页面中的global变量，即下划线。我完全失去了使用WebPack捆绑lodash的好处。我已经解决了这个问题，创建了一个定制的非AMD版本的lodash，并将其源代码作为一个模块检查到我的包中，而不是使用npm

但是，这种方法不适用于第三方JS库，我需要将其直接动态加载到页面中。该库的符合AMD的npm模块也有不同的行为，因为页面上有RequireJS

我想一定有办法解决这个问题，大概是在RequireJS级别

到目前为止，我已经尝试：

A） 在包和第三方库的RequireJS配置中使用垫片：

requirejs.config({
  shim: {
    'myBundle': {  exports: 'myBundle' },
    'my3rdPartyLibrary': {exports: 'my3rdPartyLibrary'}
  },

  paths: {
    'myBundle': 'http://example.org/myBundle.js',
    'my3rdPartyLibrary': 'http://example.net/library.js'
  }
});

B） 通过RequireJS将lodash引入：

requirejs.config({
  paths: {
    'lodash': 'https://cdn.jsdelivr.net/npm/lodash@4.17.20/lodash.min.js'
  },
  map: {
    'http://example.org/myBundle.js': {
      'underscore': 'lodash'
    },
    'http://example.net/library.js': {
      'underscore': 'lodash'
    }
  }
});

（这并不能解决同样包含AMD代码的其他模块的问题。）

C） 如上所述，定制lodash构建。这在我的捆绑包中有效，但在第三方库中不起作用

---

如果在构建时有一些解决方案告诉WebPack（和Browserify）剥离捆绑模块中任何AMD特定的行为，那么这可能会起作用。虽然第三方库不是我的，但我可以与供应商合作更新他们的版本。

我遇到了类似的问题，我做了一些小改动：

define.amd=false；

为什么这样？因为寻找RequireJS的大多数工厂功能都在做：

if（define&&define.amd）{
//定义为AMD模块
}

---

因此，这是个骗局，欺骗了第三方

我在其他地方遇到了一个类似的建议。问题是它只在代码I控件（myBundle.js）中有效，而不适用于任何第三方库可能异步加载的内容。我不能永久地使用define（），因为其他库（由RequireJS加载）可能需要它。你是对的。遗憾的是，我没有解决方案，抱歉：(