GulpとPixi.js - ReferenceError：ウィンドウが定義されていません

Question

最近私はgulpに切り替えて、pixi.jsを試してみたいと考えていました。私はpixiのcdnを使っていましたが、今Pixi-timerを特定の機能を遅らせる。

私は考えています。それで、すべてのものを詰め合わせてみてはどうですか？

私は次のようなエラーに遭遇しかし：

ReferenceError: window is not defined

私はしかし、それは、すぐに私はpixi.js.を要求しようとして失敗し、pixi.jsの最新バージョンは一口もbrowserifyをサポートすることを考えました

どのようなポインタがありますか？

マイ一気ファイル：

var gulp = require('gulp'); 
var concat = require('gulp-concat'); 
var PIXI = require('pixi.js'); 
// var timer = require('pixi-timer'); 
var browserify = require('gulp-browserify'); 


gulp.task('game', function(){ 
    return gulp.src('interface/js/gamelogic/**/*.js') 
    .pipe(concat('game.js')) 
    .pipe(gulp.dest('Vamp.Website/Resources/')); 
}); 

gulp.task('default', function(){ 
    gulp.watch('interface/js/gamelogic/**/*.js', ['game']); 
}); 

完全なエラーログ：

D:\Stuff\Vamp\vamp\Vamp>gulp D:\Stuff\Vamp\vamp\Vamp\node_modules\pixi.js\src\polyfill\index.js:5 if(!window.ArrayBuffer){ ^

ReferenceError: window is not defined at Object. (D:\Stuff\Vamp\vamp\Vamp\node_modules\pixi.js\src\polyfill\index.js:5:5) at Module._compile (module.js:413:34) at Object.Module._extensions..js (module.js:422:10) at Module.load (module.js:357:32) at Function.Module._load (module.js:314:12) at Module.require (module.js:367:17) at require (internal/module.js:16:19) at Object. (D:\Stuff\Vamp\vamp\Vamp\node_modules\pixi.js\src\index.js:2:1) at Module._compile (module.js:413:34) at Object.Module._extensions..js (module.js:422:10)

D:\Stuff\Vamp\vamp\Vamp>

Answer 1

あなたはこの行を削除する必要があります。ここでは

var PIXI = require('pixi.js'); 

あなたの一気のビルド中にpixi.jsを必要としています。それはいくつかの理由で間違っています。

1. gulpfileのどこでもPIXIで実際に何もしていません。それであなたはなぜそれを必要としていますか？
2. PixiJsは、ブラウザをターゲットとするWebGLレンダラです。 gulpビルドは、windowオブジェクトを持たないnode.jsで実行されます。だからこそあなたはそのエラーを受けているのです。
3. pixi.jsと他のファイルを1つのgame.jsファイルにバンドルします。あなたはそれのためにpixi.jsを必要とする必要はありません。あなたはこのようgulp.src()にごpixi.jsインストールのパスを渡す必要があります：D詳細に説明するために時間を割いていただきありがとうございます：

理にかなって

gulp.task('game', function(){ 
    return gulp.src([ 
    'node_modules/pixi.js/bin/pixi.js', 
    'interface/js/gamelogic/**/*.js' 
    ]) 
    .pipe(concat('game.js')) 
    .pipe(gulp.dest('Vamp.Website/Resources/')); 
});