网页包。在窗口级别调用Javascript函数_Javascript_Webpack

网页包。在窗口级别调用Javascript函数

javascript webpack

网页包。在窗口级别调用Javascript函数,javascript,webpack,Javascript,Webpack,我正在对我的javascript进行网页打包 alert("Loaded out") function showLoaded() { alert("Loadedin") } 尝试从html调用showloaded函数 <!DOCTYPE html> <html> <head> <script type="text/javascript" src="./bundle.js"></script> </h

我正在对我的javascript进行网页打包

alert("Loaded out")

function showLoaded() {
    alert("Loadedin")
}

尝试从html调用showloaded函数

<!DOCTYPE html>
<html>
  <head>
      <script type="text/javascript" src="./bundle.js"></script>
  </head>
<body>
<script>showLoaded()</script>
</body>
</html>


showLoaded（）

Loaded out正在通过alert显示，但我似乎无法调用函数showLoaded（）。我是否遗漏了一些显而易见的东西。

在这里找到了答案， . 在这里找到了答案

我必须补充一点

output {


    libraryTarget: "this"

  }

到我的网页包配置，使函数在全局（窗口）对象上可见

并在函数上使用导出

export function showLoaded() {
    alert("Loadedin5")
}

您还可以通过以下方式公开您的函数：

alert("Loaded out");

function showLoaded() {
    alert("Loadedin");
}

window.showLoaded = showLoaded;

bundle.js包含什么？难道不是

webpack

创建一个闭包，将所有呈现的源代码都放在这个闭包中吗？