pixi-spine: PIXI is not defined

[d13]

Hi Everyone!
 

I'm trying to install and use the pixi-spine plugin with es6 and webpack. The docs recommend importing it like this:

import * as PIXI from "pixi.js";

window.PIXI = PIXI;

import "pixi-spine"

But, I'm getting the error `PIXI is not defined`

Any idea what I could be doing wrong?

 

Thanks!

 

[ivan.popelyshev]

You are doing everything right, its just webpack and npm are very shady guys.

'import' is actually an instruction before all the code , so you have to use require("pixi-spine") there.

Edited November 22, 2019 by ivan.popelyshev

[ivan.popelyshev]

Also, just in case: latest pixi-spine supports spine 3.8. If you want models from 3.7, use different version, there's a list in README.

[d13]

Wow, thanks Ivan, using `require` worked! I would never have thought it!

[bubamara]

the other way is to use webpack's provide plugin :

plugins:
[
    new webpack.ProvidePlugin({
        PIXI: 'pixi.js'
    })
]

 

[ivan.popelyshev]

Thank you, @Bubamara ! I will reference your post and put it in all my plugins

[bubamara]

you’re welcome