Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

using with Vite? #2

Open
7flash opened this issue Jul 21, 2022 · 5 comments
Open

using with Vite? #2

7flash opened this issue Jul 21, 2022 · 5 comments
Labels
good first issue Good for newcomers

Comments

@7flash
Copy link

7flash commented Jul 21, 2022

No description provided.

@await-ovo await-ovo added the good first issue Good for newcomers label Jul 21, 2022
@await-ovo
Copy link
Owner

Good idea, I'll provide a vite plugin later~

@TechAkayy
Copy link

TechAkayy commented Aug 19, 2022

Vite-plugin would be very very helpful. Truly missing "Design in Devtools" mode.

I'm very curious as to why windi could do, and tailwind can't do this.

Also, I would greatly appreciate if you can clarify if your webpack/vite plugin shall generate all possible css classes that comes to around 4mb or more (like in V2)? v3 hack is like here using safelisting - tailwindlabs/tailwindcss#6347 (comment)

Moreover, I was thinking of buying this https://devtoolsfortailwind.com/ but it's really too expensive for me. How is your webpack/vite plugin different to what this paid tool offer? If it's the same, we could all save some money. Thanks again!

@await-ovo
Copy link
Owner

Vite-plugin would be very very helpful. Truly missing "Design in Devtools" mode.

I'm very curious as to why windi could do, and tailwind can't do this.

Also, I would greatly appreciate if you can clarify if your webpack/vite plugin shall generate all possible css classes that comes to around 4mb or more (like in V2)? v3 hack is like here using safelisting - tailwindlabs/tailwindcss#6347 (comment)

Moreover, I was thinking of buying this https://devtoolsfortailwind.com/ but it's really too expensive for me. How is your webpack/vite plugin different to what this paid tool offer? If it's the same, we could all save some money. Thanks again!

Hi @TechAkayy , first of all, Tailwind can also get "Design in Devtools" mode like Windi via webpack plugin or vite plugin.

Secondly, Tailwind already provides api to generate the list of all classes used for autocomplete, in fact I found it from tailwindcss-intellisense. So I think this api is more suitable than config safelist in the case of developing standalone plugins.

Finally, I'm not familiar with https://devtoolsfortailwind.com/, but I think if you just want get autocompletion in browser, feel free to use this plugin, Thank you for your interest ~

@await-ovo
Copy link
Owner

Hi, Thank you for your interest in this plugin, tailwindcss-vite-plugin v0.0.1 has been released. Feel free to use it :)

@TechAkayy
Copy link

Woww amazing, thanks bunch 🙏🏾

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

3 participants