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

时间:2016-06-29 16:00:13

标签: javascript typescript browserify tsify

我正在使用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>

如何将其作为全局/根变量?

1 个答案:

答案 0 :(得分:1)

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

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