Vite plugin

[zyishai]

Vite Plugin

What

This PR adds support for Vite. It'll allow Stylin to run on Vite-based React applications and frameworks (e.g. Remix).

Features

• Vite support for CSS modules
• Support for .css and .scss files out of the box
• Typescript support built in

[sultan99]

@zyishai, thank you for the incredible work!

I believe we can proceed with this. While there are some unused packages, such as handlebars, having any form of Vite support at this stage is crucial. We can always enhance the code later.

[sultan99]

Hey @zyishai!

Thank you for your contributions!

I've published the packages as an alpha version:

  npm i @stylin/[email protected]
  npm i @stylin/[email protected] -D

📺 You can find an online demo that uses Vite and the plugin here.

I've fixed a bug in transformedCode, renamed the folder and package name to @stylin/vite-plugin, and made some script changes for compatibility with the Windows environment.

There's an issue #5 that arises when a kebab-case name is applied to a CSS class name. Do you have any ideas why it is not working?

[zyishai]

I think I have an idea, I'll look more into it in the morning.