Question

我正在打包我的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>

alert正在显示已卸载，但是我似乎无法调用函数showLoaded（）。我在这里错过了明显的东西吗？

Answer 1

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

alert("Loaded out");

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

window.showLoaded = showLoaded;

Answer 2

在这里找到答案， How to run functions that converted by webpack?。在这里找到答案。

我必须添加

output {


    libraryTarget: "this"

  }

到我的webpack配置中，以使该功能在全局（窗口）对象上可见。

并在函数上使用导出

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

Webpack。在窗口级别调用Javascript函数

2 个答案: