Wie man Svelte und Spring Boot zu Freunden macht / Sudo Null IT News

Wir haben also ein Svelte-Vorlagenprojekt, das aus 4 Verzeichnissen besteht:

node_modules – NodeJS-Bibliotheken, auf denen das Framework aufgebaut ist;

scripts – enthält einige zusätzliche Einstellungen, in unserem Fall ist es TypeScript: Wenn Sie nicht auf TS schreiben, können Sie diesen Ordner löschen;

src – “Quellcode” der Unteranwendung: Hier müssen in Zukunft schlanke Komponenten platziert werden;

public ist das Verzeichnis, in das die von Svelte kompilierten Ressourcen standardmäßig fallen. Hier befindet sich auch die Datei index.html. Alle öffentlichen Inhalte werden im Verzeichnis resources/static der Spring Boot-Anwendung abgelegt. Danach wird das öffentliche Verzeichnis nicht mehr benötigt.

Es ist möglich, die README- und .gitignore-Dateien zu entfernen (in diesem Fall wird die .gitignore-Datei aus dem Stammverzeichnis des Spring Boot-Projekts verwendet)

Das Projekt sieht nun so aus:

Als nächstes müssen Sie den Svelte-Kompilierungspfad angeben. Öffnen Sie die Datei rollup.config.js, suchen Sie dort den einzigen Exportstandard und ändern Sie den Standardpfad in der Ausgabe in den Pfad zum statischen Verzeichnis in der Spring Boot-Anwendung:

// … export default { input: ‘src/main.js’, output: { sourcemap: true, format: ‘iife’, name: ‘app’, file: ‘../src/main/resources/static /build/bundle.js’ // war ‘public/build/bundle.js’ }, // …

Wenn Sie jetzt den Befehl npm run build ausführen, passen die kompilierten Ressourcen in resources/static, sodass die Spring Boot-Ansichtsebene immer Zugriff auf sie hat.

Similar Posts

Leave a Reply

Your email address will not be published.