Question

我使用react来创建幻灯片，问题是我的html没有找到更改幻灯片的功能。它是这样的：

<!DOCTYPE html>
<html>
<body>
  <header Access-Control-Allow-Origin: *>
  </header>
  <main id="peli">
    <div id="root">
    </div>
    <script src="dist/app.bundle.js">plusSlides(2)</script>
    <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
    <a class="next" onclick="plusSlides(1)">&#10095;</a>
  </main>
</body>
</html>

在我的js文件中，我有一个ReactDOM.render来渲染我的html和一个更改幻灯片的函数，加上滑块，但由于某种原因，程序无法找到函数plusSlides。我使用webpack来编译我的文件。

Answer 1

Webpack通常不会将内容暴露给窗口。您应该从javascript初始化但是你可以告诉webpack export a library哪个会按照你想要的方式工作。

您所要做的就是将其添加到输出配置中。

output: {
    filename: 'app.js',
    library: 'webpackLib',
    libraryTarget: 'window',
},

目标有不同的选项，请查看文档以获取更多信息。

Html没有读取我的js函数

1 个答案: