CSSRulePlugin not available through npm?

[madleo]

From reading NPMUsage docs and inspecting the available exports in gsap npm package, CSSRulePlugin does not seem to be made available.

Is there a specific reason for this, or is this planning to be released sometime in the future?

 

My goal is to latch onto pseudo elements like :after and :before.

 

Is there another way to do this with GSAP?

On a side note, I'm quite new to GSAP, and I'm trying to incorporate GSAP into a SSR Vue app (Nuxt).

 

Thanks in advance!

[GreenSock]

First of all, welcome to the forums (and GSAP), @madleo. 

 

I'm not quite sure what you mean by "CSSRulePlugin does not seem to be made available." Are you importing it like this?:

import CSSRulePlugin from "gsap/CSSRulePlugin";

 

Or if you prefer, you could do this:

import { CSSRulePlugin } from "gsap/all";

 

Does that help? 

[madleo]

Thanks for the welcome!

 

No luck just yet.

From server side, I'm getting 

 

"export 'CSSRulePlugin' was not found in 'gsap'

 

I'm thinking this might be related to SSR? If so, might be Vue/Nuxt config I have to setup correctly, to which I'll try and figure out outside of this thread.

Just to be clear though, I'm trying to use CSSRulePlugin within the context of npm. 

[GreenSock]

Hm, it sounds like you're doing this:

//BAD:
import { CSSRulePlugin } from "gsap";

//GOOD:
import CSSRulePlugin from "gsap/CSSRulePlugin";

 

If I'm wrong, would you please post the EXACT import statement you're using? Or even better, a reduced test case that we could run?

 

Also, what version of GSAP are you using? Hopefully the latest (2.0.2)

[madleo]

Sorry about the limited info, I've got it to work though thanks to you guys! 

In my case, it was Nuxt (SSR) related. 

 

if(process.browser) {
  CSSRulePlugin = require("gsap/CSSRulePlugin")
}

 

Thanks again!!