Question

我刚开始使用pixi.js，这看起来很棒！但我不能完全使用Gulp和WebPack ......

在Chrome（Mac）上，一切正常但在Safari（iPhone）上我收到此错误：来自fs.readFileSync is not a function的{{1}}。当我使用function FXAAFilter时，我在桌面上遇到同样的错误。

我的gulp脚本任务：

forceFXAA: true

Answer 1

这是因为webpack包含用于将WebGL frag文件包含到JS包中的实际文件操作（应该在编译时运行）。我的猜测是你只能在PIXI使用GL渲染器的环境中看到错误。

尝试npm install transform-loader brfs --save并将以下内容添加到您的配置中：

module.exports = {
    context: __dirname,
    entry: "./index.js",
    module: {
        loaders: [
            {
                test: /\.js$/,
                loader: "transform?brfs"
            }
        ]
    }
}

来源：https://github.com/webpack/transform-loader

如何使用pixi.js与gulp和webpack包括FXAA

1 个答案: