javascript - 使用 Webpack 在 devtools 中调试

Question

使用 require.js 在 Chrome 的 DevTools 中调试模块非常容易，只需输入:

require('my-module').callThisFunction()

使用 Webpack 这不再是可能的，因为它通过 CLI 编译模块并且不导出 require。

window.webpackJsonp 是全局公开的，所以我想我可以找到模块 ID 并像这样调用它:webpackJsonp([1],[])，但不幸的是，这会返回 undefined。

是否有任何解决方法仍然能够像 require.js 一样进行调试？

Answer 1

将代码添加到包中的模块

require.ensure([], function() {
  window.require = function(smth) {
    return require('./' + smth);
  };
});

现在你可以从 chrome 控制台使用 'require' 就像 require('app').doSmth()