ES6 code in pixi bundle causing errors in Safari 9 and IE11

[ashmore11]

Hey guys!

I need to have my site working in Safari 9 and IE11 but I've noticed that there is ES6 code in the pixi.js bundle. Has anybody else encountered this?

Looks like it's coming from the mini-signals dependency.

I have tried adding pixi.js and mini-signals to my include config for babel-loader but it's still not being transpiled.

Any ideas of a solution?

[ivan.popelyshev]

https://pixijs.download/dev/pixi.js which line is it?

Do you use stuff from `dist` directory of npm package or from `lib` ? `lib` contains ES6 bundle.

[ashmore11]

In my project I am importing pixi as:

import * as PIXI from 'pixi.js';

Should I be doing it differently to get non ES6?

The only ES6 code is coming from the mini-signals dependency in pixi. There is no ES6 code anywhere else within the pixi.js bundle.

[mattstyles]

How are you bundling?

https://github.com/Hypercubed/mini-signals/blob/master/package.json#L6 mini-signals exposes ES6 modules. Parcel uses these as standard, Webpack might also use that.

Might want to make sure your bundler is configured correctly, I looked through the link Ivan posted above and it all looks ES5 compliant in there so Pixi's rollup (which usually honours jsnext:main) doesn't look like the culprit. I suspect it could be due to your app bundler pulling mini-signals from node_modules.

[ashmore11]

You're probably right @mattstyles but even adding mini-signals to my include array still doesn't transpile it. For now I got it working by using the cdn versions of pixi.

I'll keep digging for a better solution though.

Thanks guys!