javascript - Webpack编译后无法访问变量

Webpack编译后无法访问变量。
我需要它，因为我正在使用此变量在onclick中调用函数。

代码就像

function DetailClass() {
  this.add = function() {
    console.log(1);
    }
}

var Detail = new DetailClass();

Webpack将此代码包含到eval()中

在HTML中，我这样称呼它

<div onclick="Detail.add();">Add</div>

最佳答案

您不应该这样绑定(bind)事件!

您是否正在使用某些框架，例如React或jQuery？例如，如果您使用的是最新的，请像这样绑定(bind)(在JS中，而不是HTML):

$('#your-id').on('click', () => Detail.add());

如果不是，请像这样进行绑定(bind):

document.getElementById('your-id').onclick = () => Detail.add();

但是，如果这是一个异常(exception)，并且您确实要导出某些内容，则可以将其设置为window对象:

window.Detail = Detail;