Skip to content

Strapi custom plugin CSS wordt niet geladen in productie bij gebruik van externe CSS-packages #1427

@AliKdhim87

Description

@AliKdhim87

Probleem

Wanneer je in een Strapi plugin CSS importeert vanuit externe npm-packages
(zoals design tokens of een component library), wordt de CSS wel correct
gebundeld naar dist/style.css, maar wordt dit bestand niet geladen
in productie.

In ontwikkeling werkt het wel, omdat Vite CSS automatisch verwerkt.
In productie laadt Strapi alleen de JavaScript-bestanden van de plugin,
niet het losse CSS-bestand.

Stappen om het probleem te reproduceren

  1. Maak een Strapi plugin met strapi-plugin build
  2. Voeg CSS-imports toe in admin/src/index.tsx, bijvoorbeeld:
   import '@my-org/design-tokens/dist/index.css';
   import '@my-org/component-library/dist/style.css';
  1. Bouw de plugin: strapi-plugin build
  2. Controleer dist/admin/ — er staat geen verwijzing naar dist/style.css
    in index.js of index.mjs
  3. Laad de plugin in een Strapi-project in productie → CSS ontbreekt

Verwacht gedrag

De CSS uit externe packages wordt meegenomen in de JavaScript-bundle,
of er wordt automatisch een verwijzing naar dist/style.css toegevoegd.

Huidig gedrag

dist/style.css wordt aangemaakt maar nooit geladen door Strapi.

Tijdelijke oplossing

We gebruiken nu een postbuild-script (scripts/inject-css.mjs) dat de
inhoud van dist/style.css als een <style>-tag in de JS-bundles plaatst.
Dit werkt, maar is een workaround die we willen verwijderen zodra dit
probleem is opgelost in de SDK.

Omgeving

  • @strapi/sdk-plugin versie: 5.4.0
  • Strapi versie: 5.41.1
  • Node versie: v24.13.0

Track:

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions