Javascript Can';在网页包编译后,t访问变量

Javascript Can';在网页包编译后,t访问变量,javascript,webpack,Javascript,Webpack,我无法在网页包编译后访问变量。 我需要它,因为我正在使用这个变量调用onclick中的函数 代码就像 函数DetailClass(){ this.add=函数(){ 控制台日志(1); } } var Detail=新的DetailClass()在网页包配置中,必须指定输出.library和输出.libraryTarget 这里有一个指南: 对于以下配置: ... output:{ ... library: 'MyLib', libraryTarget: 'var' } ...

我无法在网页包编译后访问变量。 我需要它,因为我正在使用这个变量调用onclick中的函数

代码就像

函数DetailClass(){
this.add=函数(){
控制台日志(1);
}
}

var Detail=新的DetailClass()在网页包配置中,必须指定
输出.library
输出.libraryTarget

这里有一个指南:

对于以下配置:

...
output:{
  ...
  library: 'MyLib',
  libraryTarget: 'var'
}
...
您可以像这样使用它:

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

你不应该这样绑定事件

您是否使用了一些框架,比如React甚至jQuery?例如,如果您使用的是最新的绑定(在JS中,而不是HTML中):

如果不是,请按以下方式绑定:

document.getElementById('your-id').onclick = () => Detail.add();
但是,如果这是一个异常,并且确实要导出某些内容,则可以将其设置为窗口对象:

window.Detail = Detail;
window.Detail = Detail;