How to integrate StyleX in RsBuild

[longhtcoin98]

I'm using RsBuild (https://rsbuild.dev/) to create React app and integrate StyleX.
It's working in Dev mode, but it does not create CSS file in Production mode.
Here my configs

import { defineConfig } from '@rsbuild/core';
import { pluginReact } from '@rsbuild/plugin-react';
import { pluginBabel } from '@rsbuild/plugin-babel';
import styleXPlugin from '@stylexjs/babel-plugin';

export default defineConfig({
  plugins: [
    pluginBabel({
      babelLoaderOptions: (config) => {
        config.plugins ||= []
        config.plugins.push(
          [
              styleXPlugin,
            {
              dev: false, // = Production
              test: false,
              unstable_moduleResolution: {
                type: 'commonJS',
                rootDir: __dirname,
              },
            },
          ]
        )
      },
    }),
    pluginReact()
  ],
});

So, I don't know what happened, please help me. Thank you

[nedjulius]

hey, @eryue0220 has created an unplugin StyleX plugin -- you can try to use it in your rspack config https://github.com/eryue0220/unplugin-stylex

[longhtcoin98]

hi @nedjulius, it doesn't compatible with RsBuild.

[eryue0220]

Hi @longhtcoin98, unplugin-stylex author here. Could you open an issue under the unplugin-stylex and provide a minimal reproduction repo or description about the detail? I'll try on it.

[longht021189]

Hi @longhtcoin98, unplugin-stylex author here. Could you open an issue under the unplugin-stylex and provide a minimal reproduction repo or description about the detail? I'll try on it.

Hi @eryue0220, I provided a minimal reproduction repo here, Please help me check it. Thank you.

[eryue0220]

Thanks, I'll check it in a moment.

[eryue0220]

Thanks for the feed back, and please upgrade unplugin-stylex to v0.3.1, I've fixed this bug.

[longht021189]

Thank you, It's fixed in unplugin-stylex v0.3.1

[nmn]

Thanks for the great work @eryue0220!