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