浏览器中找不到Browserify全局变量

Question

我正在用TypeScript写一个脚本，当我使用browserify来转换它时，我的主变量在浏览器中找不到。

main.ts

import { GameSmart } from './GameSmart';
const gamesmart = new GameSmart();

gulpfile.js

/* require's snipped */
gulp.task('build', function () {
    return browserify()
        .add('./src/gamesmart/main.ts')
        .plugin(tsify)
        .bundle()
        .on('error', function (error) {
            console.error(error);
            throw error;
        })
        .pipe(source('gamesmart.js'))
        .pipe(gulp.dest('build/'));
});

在我的页面中，我包含了新创建的文件，并试图调用gamesmart变量，但没有找到。

<script scr="/path/to/sdk.js">
<script>
    gamesmart.game.started();
</script>

如何使其成为全局/根变量?

Answer 1

我可以通过将变量添加到window来解决这个问题。

window['gamesmart'] = new GameSmart();