Conversation
Pull Request Test Coverage Report for Build 23184849248Details
💛 - Coveralls |
Member
|
The only super weird thing I noticed is that the built version shows weird icons, seems like them are bigger and bolder ?? Kooha-2026-03-17-08-26-08.webm |
Vite 8's Rolldown bundler reorders CSS chunks in production, reversing
the cascade order for auto-imported component styles vs statically
imported CSS. This caused Material Design Icons to appear bigger and
bolder in production builds (`.material-icons{font-size:24px}` winning
over `.v-icon--size-default{font-size:1.5em}`).
Wrap the material-design-icons-iconfont import in a CSS `@layer` so
Vuetify's unlayered component styles always take precedence regardless
of source order.
Ref: vitejs/vite#21903
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Member
|
The icon font rendering issue (icons appearing bigger/bolder in production builds) was caused by Vite 8's Rolldown bundler reordering CSS chunks, reversing the cascade between dev and production modes. Reported upstream: vitejs/vite#21903 Workaround applied in b0607f8: wrap the |
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
7 tasks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
There are currently two vite plugins that are not fully compatible yet:
esbuildoption was specified by "vite-plugin-node-polyfills" plugin. This option is deprecated, please useoxcinstead davidmyersdev/vite-plugin-node-polyfills#142inlineDynamicImportsshould be replaced withcodeSplitting: falsevite-pwa/vite-plugin-pwa#912At first glance, I do not see any issues at runtime though.