使用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()