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
- Maak een Strapi plugin met
strapi-plugin build
- 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';
- Bouw de plugin:
strapi-plugin build
- Controleer
dist/admin/ — er staat geen verwijzing naar dist/style.css
in index.js of index.mjs
- 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:
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 geladenin 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
strapi-plugin buildadmin/src/index.tsx, bijvoorbeeld:strapi-plugin builddist/admin/— er staat geen verwijzing naardist/style.cssin
index.jsofindex.mjsVerwacht gedrag
De CSS uit externe packages wordt meegenomen in de JavaScript-bundle,
of er wordt automatisch een verwijzing naar
dist/style.csstoegevoegd.Huidig gedrag
dist/style.csswordt aangemaakt maar nooit geladen door Strapi.Tijdelijke oplossing
We gebruiken nu een postbuild-script (
scripts/inject-css.mjs) dat deinhoud van
dist/style.cssals 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-pluginversie: 5.4.0Track: