game_init自身かそれを呼び出す関数をloadイベントのコールバックとして登録するといいと思います。
当然ファイルが分かれているのでしたらそのgame_initが定義されているファイルをimportする必要があります。
以下に一例を置いておきます。
ファイル
tree -L 1
.
├── bundle.js
├── index.html
├── main.js
├── node_modules
├── package.json
├── sub.js
└── webpack.config.js
main.js
import testFunc from './sub';
document.addEventListener('DOMContentLoaded', testFunc);
sub.js
export default function testFunc() {
console.log('test');
}
index.html
<script src="bundle.js"></script>
追記
コメントを見ました。
まずbootstrapをjavascriptから読み込まれているようですがhtml内でも読み込んでいます。
カスタムするわけでないのでしたらhtmlのlinkタグで読んだほうが楽ですし、もしかしたらcdnのキャッシュで早くなるかもしれません。
webpackでモジュールにわけられたものを合体ということについてですがモジュールに分けるのは一つはスコープに閉じ込めるという利点があってやります。game_initが定義されていないというようなエラーがでてたかもしれませんがこれはモジュールに閉じ込めているのででます。なのでimportしたところで使う必要があります。
コードはところどころ読みかえてみて下さい。expressを使っていると仮定して書いています。
こちらの環境で試したところ最初の画面にはたどり着けていました。
webpack.config.js
var webpack = require('webpack');
module.exports = {
entry: './app.js',
output: {
path: __dirname + '/dist',
filename: 'bundle.js'
},
plugins: [
new webpack.ProvidePlugin({
jQuery: 'jquery',
jquery: 'jquery',
$: 'jquery'
})
]
};
index.js
var express = require('express');
var app = express();
app.set('view engine', 'jade');
app.set('views', __dirname + '/view');
app.use('/assets', express.static('dist'));
app.get('/', function(req, res) {
res.render('index');
});
app.listen(8080);
app.js
document.body.addEventListener('load', game_init);
index.jade
body
script(src="assets/bundle.js")
bodyのloadイベントということだったのでaddEventListnerを使うために位置を動かしました。