Как начать работу с Webpack

Question

У меня проблемы с пониманием процесса работы веб-пакета.

В обычном проекте у меня было бы что-то вроде этого:

HTML:

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

А потом в javascript напишу функцию

function doSomething(){}  

Я понимаю, что по мере роста проекта мне нужно сделать javascript более модульным с помощью Webpack.Но как я могу заставить связанный javascript взаимодействовать с HTML?Например:

entry.js (псевдокод):

import moduleThatDoesThings;  

moduleThatDoesThings.js:

function doSomething(){}  

Это не будет работать:

HTML:

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

Как вызвать функции из модулей в HTML?Или я вообще должен так думать?Если нет, то как мне структурировать проект?

Answer 1

Итак, я узнал, что я могу использовать реагировать или использовать element.addEventListener для каждого элемента в vanilla js.

Answer 2

React имеет свою собственную функцию render (), где вы можете разместить свой HTML-код и взаимодействовать с методами компонентов