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

Question

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

代码是这样的

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

var Detail = new DetailClass();

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

在 HTML 中我称它为

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

Answer 1

在您的 webpack 配置中，您必须指定 output.library 和 output.libraryTarget。

这是一个指南:https://webpack.github.io/docs/configuration.html#output-library

对于以下配置:

...
output:{
  ...
  library: 'MyLib',
  libraryTarget: 'var'
}
...

您将能够像这样使用它:

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