Stylex styles don't get loaded in preview / production but it works in dev mode

[PrivateN00b]

I'm currently using stylex (it's a CSS-in-JS library where the styles are loaded on build instead on the runtime) and styled-components for my personal vike based webapp, but whilst styled-components's styles are getting loaded without any issues in both dev and production, my stylex only works in dev mode.

The only reason it works in dev mode is because the styles are actually loaded in whilst on the runtime, set by the runtimeInjection parameter in @stylexjs/babel-plugin. facebook/stylex#1043 (comment)

              "@stylexjs/babel-plugin",
              {
                dev: mode === "development",
                test: mode === "test",
                runtimeInjection: mode === "development",    // This is true in dev mode
                genConditionalClasses: true,
                treeshakeCompensation: true,
                unstable_moduleResolution: {
                  type: "commonJS",
                  rootDir: path.resolve(),
                },
              },

Obviously using runtimeInjection: true won't work in production, and the main devs also seem to struggle in creating a decent integration into Vite with some cool stylex vite plugin, but just to preface, using stylex on Vite is actually viable in prod, which I was able to replicate / achieve.

I was thinking that one of the last steps in the Vite stylex integration is importing a stylex.css containing a @stylex directive which is used by a @stylexjs/postcss-plugin to make stylex style loading possible into Vite's entrypoint which is usually a main.tsx if React is being used. In Vike's case I've imported this into LayoutDefault, +Page which is using the / route and +onCreateGlobalContext.client to no avail.

Currently these are my thoughts:

1. Either I should import stylex.css in a different file
2. Or I should tap into +onRenderClient and +onRenderHtml to somehow import this directive.
3. Maybe something totally else I'm missing

Thank you for reading my rant!

[PrivateN00b]

Holy moly, I actually just the pushed exact same code changes which still didn't import the stylex styles when running npm run preview locally, but this change actually loaded the styles in on my Netlify deploy! Weeks of contemplating to write this message resulted in fixing my issue shortly after it happened again.

You shall get a stylex vike example repo with possibly a netlify integration too as my gratitude in the future :3

These are my Netlify build settings if it helps out somebody

[brillout]

Nice :) Looking forward to it!

[PrivateN00b]

Nice :) Looking forward to it!

Do you have an idea on what my Netlify deploy did right today? Is it my build settings on there?

[brillout]

I don't know, not that familiar with Netlify.