ページ読み込み時にこのJavaScriptスクリプトを実行するにはどうすればよいですか？

Question

voxel-hello-worldが実行されている最小限の静的HTMLページを作成しようとしています。このため私はthis projectを作成しました。

voxel1.htmlページを開くと、何も表示されません。すべてがうまくいけば、私はブラウザにMinecraftのような風景が見えます。私はこの問題は、ページがロードされるときにbundle.jsスクリプトの以下の部分は、実行されていないことであることを前提としてい

：

上記のコード部分があることを確認するための正しい方法は何ですか

module.exports = function(opts, setup) { 
    setup = setup || defaultSetup 
    var defaults = { 
    generate: voxel.generator['Valley'], 
    chunkDistance: 2, 
    materials: ['#fff', '#000'], 
    materialFlatColor: true, 
    worldOrigin: [0, 0, 0], 
    controls: { discreteFire: true } 
    } 
    opts = extend({}, defaults, opts || {}) 

    // setup the game and add some trees 
    var game = createGame(opts) 
    var container = opts.container || document.body 
    window.game = game // for debugging 
    game.appendTo(container) 
    if (game.notCapable()) return game 

    var createPlayer = player(game) 

    // create the player from a minecraft skin file and tell the 
    // game to use it as the main player 
    var avatar = createPlayer(opts.playerSkin || 'player.png') 
    avatar.possess() 
    avatar.yaw.position.set(2, 14, 4) 

    setup(game, avatar) 

    return game 
} 

実行時、ページが読み込まれるとき？

注：Node.JSまたは他のJavaScriptサーバーのインストールを指示しないでください。私はサーバなしでこの特定の例を実行したいと思います。

Answer 1

あなたはwindow.onloadを使用して渡すことができますfunctionたり、他のすべてのJSがすでに配置されていると仮定しfunction

window.onload = function(){ 

} 

Answer 2

の体内にしたい、とあなたはjqueryのを持っているもの利用できる、ちょうど：

var game; 
$(document).ready(function(){ 
game=module.exports(opts,setup); 
})