Skip to content

CSS is duplicated across external files #12303

@lilnasy

Description

@lilnasy

Astro Info

Astro                    v4.16.7
Node                     v18.20.3
System                   Linux (x64)
Package Manager          unknown
Output                   static
Adapter                  none
Integrations             @astrojs/react

If this issue only occurs in one browser, which browser is a problem?

No response

Describe the Bug

When a CSS chunk is big enough to be externalised, it appears twice across two files: once by itself, and once combined with the contents of the <style> tag in the astro file.

{53C9725F-1741-4C81-B041-E3C85450DB67}

What's the expected result?

CSS is not duplicated.

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-5f5zbr?file=astro.config.mjs (assetsInlineLimit added to the react template)

Participation

  • I am willing to submit a pull request for this issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    - P3: minor bugAn edge case that only affects very specific usage (priority)feat: stylingRelated to styles (scope)

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions