如何开始使用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。