kurento-client-js 的 Webpack 构建中的循环引用

Question

我在尝试使用 Webpack 2 + babel 构建 kurento-client-js 时遇到错误。

WARNING in ./node_modules/kurento-client/lib/register.js
60:20-33 Critical dependency: the request of a dependency is an expression

在执行时会导致

Uncaught Error: Cannot find module "."

我认为问题本身是由require 内部/lib/register.js 引起的

//kurento-clinet/lib/register.js
if (constructor == undefined)
    return register(require(name));

以及导致错误的代码：

//kurento-clinet/lib/index.js
//this module requires kurento-client resulting in circular reference
register('kurento-client-core') 

kurento bower 包包含用 browserify 构建的分发包。

我想知道是否有人尝试使用 webpack 构建 kurento-client-js。请分享您的经验。

编辑：

循环依赖错误堆栈跟踪：

Uncaught TypeError: Cannot read property 'MediaObject' of undefined
at Object._typeof (KurentoClient.js:42)
at __webpack_require__ (bootstrap 0d7eac46304670c5f3b5:19)
at Object._typeof (index.js:44)
at __webpack_require__ (bootstrap 0d7eac46304670c5f3b5:19)
at Object.module.exports (HubPort.js:21)
at __webpack_require__ (bootstrap 0d7eac46304670c5f3b5:19)
at Object._typeof (index.js:32)
at ...

Answer 1

首先，webpack 抱怨动态依赖（在构建包时无法解决）。它不是循环依赖。

我是这样工作的：

1) 在您应用的 main.js 中手动要求 register() 函数可能需要的所有模块

require('kurento-client-core')
require('kurento-client-elements')
require('kurento-client-filters')

const kc = require('kurento-client-core/lib/index.js')

console.log(kc)

2) 使用这个 webpack 插件完全忽略未解析/动态的require() 调用

//in webpack.config.js
plugins:[

function() {
  this.parser.plugin('call require', function(expr) {
    if (expr.arguments.length !== 1) {
      return;
    }

    const param = this.evaluateExpression(expr.arguments[0]);
    if (!param.isString() && !param.isConditional()) {
      return true;
    }
  });
}
//... other plugins
]

Webpack2 会警告旧插件格式，但它确实有效

学分归于： https://stackoverflow.com/a/42527120/646156