Diggi Docs

Migration zu v2

    Schritte:

  1. Pakete aktualisieren (Core v2.0.1 oder neuer, SvelteKit 5, Tailwind 4)
  2. Entferne tailwind.config.cjs (nicht mehr benötigt)
  3. Entweder postcss.config.cjs oder vite.config.ts je nach setup für den Tailwind-Preprocessor anpassen PostCSS Vite
  4. Austauschen der Tailwind-Importe in Haupt-CSS-Datei Link
    @import "tailwindcss" source("../");
    
    @import "@bosch-diggidev/cock/styles/app.css";
    @import "@bosch-diggidev/cock/styles/styles.css";
    @import "@bosch-diggidev/cock/styles/frontend-kit.css";
    @import "@bosch-diggidev/cock/styles/icons.css";
    
    @plugin '@tailwindcss/forms';
    @plugin '@tailwindcss/typography';
    
    @source '../../node_modules/@bosch-diggidev/cock';
                
  5. Austauschen aller selbst erstellten tailwind-Klassen e.g. bg-[var(--major_\)]
  6. Austauschen alter Hilfsklassen und umbenennen (+ Sektion darunter) z.B. rounded-sm -> rounded Link
  7. Hinzufügen von "@reference ../../myMainCssFileImportingTailwind.css" zu ALLEN Style-Tags in Komponenten oder Seiten
  8. Aktualisieren der neuen Verschachtelungsregeln für alle CSS-Definitionen:
    Jede verschachtelte Regel beginnt mit &-Zeichen oder :global (WICHTIG!)
  9. Alle Pakete, die Svelte-Komponenten liefern, müssen in vite.config.ts optimizeDeps.include und ssr.noExternal sein (z.B. @tanstack/svelte-query)
  10. CSS-Dateien, die in app.css importiert werden, haben KEIN @reference am Anfang -> (Absturz des Frontends mit Fehlermeldung zu Memory Overflow)
  11. Fonts-Dateien werden nun beim npm install in den Static Ordner kopiert. Um eine Beschädigung der Dateien zu verhindern, muss "static/fonts" in euer frontend/.gitignore und frontend/.dockerignore eingefügt werden.
2026 Robert Bosch GmbH, all rights reserved

2.0.4