-
Notifications
You must be signed in to change notification settings - Fork 4.2k
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
HMR is really slow when there are a lot of Vue components with <style>
#7480
Comments
I am having the same issue on a large project: |
Hey there! I have described a performance regression we have experienced in #7454 (discussion). The change that caused this for us was introduced in 3.0.10 (PR #6580). I could reproduce your problem with the reproduction repo of @gufoe. When downgrading |
Thanks for mentioning that! I'll downgrade to |
What version of Tailwind CSS are you using?
3.0.22
What build tool (or framework if it abstracts the build tool) are you using?
vite 2.8.2
What version of Node.js are you using?
16.13.0
What browser are you using?
Chrome
What operating system are you using?
macOS
Reproduction URL
With
<style>
tags (slow): https:/hivokas/laravel-vue-vite-tailwind-slow/tree/with-style-tagsWith
<style>
tags, without Tailwind (fast): https:/hivokas/laravel-vue-vite-tailwind-slow/tree/without-tailwindWithout
<style>
tags, with Tailwind (fast): https:/hivokas/laravel-vue-vite-tailwind-slow/tree/without-style-tagsHow to run the reproduction:
npm install
composer install
laravel-vue-vite-tailwind-slow.test
if you're using Valetnpm run dev
to start the Vite dev serverwith-style-tags
,without-tailwind
andwithout-style-tags
to see the differenceDescribe your issue
HMR works really slow when there are a lot of Vue components with
<style>
.Here is the detailed demo:
TailwindIssue.mp4
The text was updated successfully, but these errors were encountered: