Webpack, вызов функции
 

Добрый день.
Пытаюсь разобраться с webpack, но не могу нормально вызвать функцию через btn.

в index.html ( весь код думаю писать нет смысла

<button type="button" onclick="Generate.add();">Generate</button>
      </form>

main.js

const rectangleGenerator = require('./rectangle-generator');
const rangeRandom =  require('./range-random');

function GenerateClass() {
    this.add = function () {
        let numberOfRectangle = document.getElementById("number-of-rectangle").value;
        let maxHeight = document.getElementById("max-height").value;
        let maxWidth = document.getElementById("max-width").value;
        let minHeight = document.getElementById("min-height").value;
        let minWidth = document.getElementById("min-width").value;

        rectangleGenerator.RectangleGerator( numberOfRectangle, maxHeight, maxWidth, minHeight, minWidth, document.getElementById('canvas_draw') );
    }
}
window.Generate = new GenerateClass();

Собственно в FireFox работает, ошибок в консоль не кидает.
Другие браузеры жалуются на 'Generate' is undefined

Как правильно вызывать функцию по клику при сборке вебпаком?