Gulp和Pixi.js - ReferenceError:窗口未定义

Question

最近我切换到gulp，我想我会尝试pixi.js，我一直在使用pixi的cdn，但现在我想要pixi计时器来延迟某些功能。

所以我想，为什么不开始把所有的东西都打包起来呢？

但是，我遇到了以下错误：

ReferenceError:未定义窗口

我认为最新版本的pixi.js支持gulp，甚至是浏览器化，但是当我试图要求pixi.js时，它就失败了。

有什么指点吗？

我的吞咽文件：

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\node_modules\pixi.js\src\polyfill\index.js:5 if(!window.ArrayBuffer){ ^ ReferenceError:未在对象处定义窗口。(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：(内部/module.js:16:19)在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. 实际上，您在吞咽文件中的任何地方都没有使用PIXI进行任何操作。那你为什么要这么做？
2. PixiJs是一个针对浏览器的WebGL渲染器。gulp构建在没有node.js对象的window中运行。所以你才会犯这个错误。
3. 您希望将pixi.js和其他文件捆绑到一个game.js文件中。您不需要为此要求pixi.js。只需将pixi.js安装的路径传递给gulp.src()，如下所示：

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/'));
});