如何开始使用Webpack

Question

我在理解webpack的工作流程时遇到了麻烦。

在一个常规项目中，我将有以下内容：

HTML：

<button onclick = "doSomething()"></button>  

然后在javascript中，我将编写函数

function doSomething(){}  

我了解随着项目的发展，我需要使用Webpack使javascript更具模块化。 但是，如何使捆绑的javascript与HTML交互？ 例如：

entry.js（伪代码）：

import moduleThatDoesThings;  

moduleThatDoesThings.js：

function doSomething(){}  

这行不通：

HTML：

<button onclick="moduleThatDoesThings.doSomething()"></button>

如何从HTML中的模块调用函数？ 还是我应该这样想？ 如果没有，我应该如何构建项目？

Answer 1

React有它自己的render（）函数，您可以在其中放置html代码并与组件方法进行交互

Answer 2

因此，我了解到可以在vanilla js上的每个元素上使用react或执行element.addEventListener。