Skip to content

[Bug][Vite plugin] Styles are incorrectly treeshaked in some cases when building #339

Open
@RylanBueckert-Broadsign

Description

@RylanBueckert-Broadsign

Some components styles are not present in when using vite build, but they are available when in dev mode (vite).

Example

If you use v-card-title without v-card in a project, when using dev mode, you can see there is a style applied to .v-card-title that includes font-size, padding, etc. This style is defined in vuetify/lib/components/VCard/VCard.css.

When building for production (vite build + vite preview), this style does not get included in the output and can visually see a difference in the padding of the component.

If a v-card is included in the project anywhere, the style is now loaded and v-card-title has its styles.

I know it may be considered strange or incorrect to use v-card-title without v-card, but I think the main issue here is that the result is not consistent for a build vs the dev mode. In this case I think the behavior should be that the VCard styles should be included if any of the related components are used. Other components may also be affected, but I am not sure.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions