Can I re-export stylex from a shared package?

[sergiocarneiro]

I was experimenting with re-exporting stylex from my UI package. However, I only managed to it successfully when I exported it in isolation, either via a separate package or a separate export. Is this expected behavior or am I missing something?

❌ Fails

import { css } from "@comp/ui";

importSources: ["@comp/ui"]

In this attempt, I exported stylex together with the rest of the UI library from the index file:

// ui/src/index.ts
export * as css from "@stylexjs/stylex";

✅ Works

import css from "@comp/ui/css";

importSources: ["@comp/ui/css"]

In this attempt, stylex is exported separately from the rest of the library, as the default module. I could also create a separate package.

// ui/package.json
{
  "exports": {
    ".": "./build/index.js",
    "./css": "./build/stylex.js"
  }
}

// ui/src/stylex.ts
import * as css from "@stylexjs/stylex";

export default css;

[necolas]

You can configure the importSources like this (PR to improve the docs)

importSources: [{ from: '@comp/ui', as: 'css' }],

See this, for example: https://github.com/facebook/react-strict-dom/blob/0.0.35/packages/react-strict-dom/babel/preset.js#L31

[sergiocarneiro]

That did work, thank you! 🙏