Feat: implement vite plugin

[nonzzz]

The PR is for implement a vite plugin. #47

Currently, @HorusGoul has already implemented it. But it can't cover many sences. like css process by vite, #44 and etc.

CheckList

• Complete plugin.
• Add unit test.
• Add vite-example.

[umutbozdag]

Maybe you can make it draft since unit test is not ready yet. @nonzzz

[nmn]

Thanks for this PR! Vite support is one of the most requested features already.

Other than the missing unit tests, I don't think it solves the problem of generating CSS bundles in dev mode?

If we can make frameworks like Qwik and Astro work with this plugin, we should include examples for those as well.

[lilnasy]

Thanks a lot for this effort! I implemented an integration for astro: astro-stylex. Would love to see this land so it can hopefully be made even better .

[nmn]

Great stuff @lilnasy !

[nmn]

I worked with a friend from the Qwik.JS team and got a custom Vite plugin working with a Qwik app: https://github.com/nmn/qwik-stylex

This plugin is able to handle generating and injecting CSS during development without runtime injection. With perhaps a few tweaks, this should enable a fairly universal Vite plugin.

[nonzzz]

@nmn I got some error the message is Uncaught SyntaxError: The requested module '/@fs/E:/self/stylex/packages/stylex/lib/stylex-inject.js' does not provide an export named 'default'

I noticed this #163 and my runtimeInjection is false.

[nonzzz]

The interesting thing is that it works fine in my own repo :)

[nmn]

This is an issue with ESM. Your plugin probably depends on StyleX publishing real ESM. We already have a PR for this, so we can see if rebasing after that PR fixes the issue.