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

Question

我正在用 TypeScript 编写脚本，当我使用 browserify 进行转换时，在浏览器中找不到我的 master 变量。

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>

如何将其设为 global/root 变量？

Answer 1

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

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

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

Browserify global variable is not found in the browser

javascript

browserify

typescript

tsify