如何使用webpack在React应用程序中异步需要模块？

Question

在React应用程序中，我想仅为某个路径/路径导入一个名为 flowtime.js 的库，然后再执行一些代码。此库具有名为 Brav1toolbox 的依赖项。这两个都没有在npm。

我的策略是在Component的require方法中使用webpack的componentDidMount。这是我的尝试：

componentDidMount() {
  require.ensure([ 'local/relative/path/to/lib/brav1toolbox.js'], function(require) {
    var f = require('local/relative/path/to/other/lib/Flowtime.js/js/flowtime.js');
  });
}

会导致以下错误。

  

未捕获（承诺）ReferenceError：未定义Brav1Toolbox

因此正在加载Flowtime但无法找到Brav1Toolbox。

我对React或webpack都没有经验，所以也许我有一个误解。我试图使用webpack只加载那些库，如果我的用户访问需要这些库的路径。 This is the webpack guide我用作参考。

感谢您尝试提供帮助。