dervesp

у вас в месте объявления контекст window (или другой функции, в которой вызван этот код), но не объекта Player

Player = {
    height : 96,
    width : 60,
    x : 0,
    y : 0,
    draw : function(){
        this.sprite.draw(this.x, this.y);
    },
    update : function(){
        this.sprite.update(this.x, this.y);
    }
};
Player.sprite  = new Sprite('player', Player.x, Player.y, Player.width, Player.height, 4, 16),

Для одностраничников (да еще и без реакта, хотя собственно кому в голову придет делать LP на реакте :) ) - конечно, webpack вообще ни к чему. Вам же достаточно gulp + browserSync для комфортной разработки?

---
Когда ваш "инструментарий" отлично справляется с работой - используйте его.
Когда у ваших инструментов есть какой-то раздражающий момент - ищите варианты решения проблемы. Может быть что-то заменить?
Когда просто "хочется" чего-нибудь новенького - посмотрите по сторонам, лишним не будет.