如何通过 <script> 来使用bundle.js 文件中的函数来包含该包?

Tar*_*rma 5 javascript bundle bundler webpack

我有一个名为 out.js 的 Javascript 模块

export default function out(str) {   
    //Some Code 
    console.log(str); 
}
Run Code Online (Sandbox Code Playgroud)

我运行了 webpack 捆绑程序并创建了一个 bundle.js 文件。现在我使用标签将其导入到我的index.html 中。

<!DOCTYPE html>
<html>
  <head><script defer src="bundle.js"></script></head>
  <body>
    <script>
      out("Hello")
    </script>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

但是当我在网页上收到以下错误时。

index.html:6 Uncaught ReferenceError: out is not defined
Run Code Online (Sandbox Code Playgroud)

我已经尝试过命名导出以及 out.js 的默认导出,但仍然遇到相同的错误。

Isu*_*uru 1

您可以在这里找到很好的解释和答案

javascript由于我对和知之甚少webpack,我花了几个小时寻找答案。简而言之,您需要在全局范围内定义您的函数才能使用这种方式。您可以out通过在函数外部添加此块来实现全局。

window.out = out;
Run Code Online (Sandbox Code Playgroud)