Svelte is a very popular JS framework for developing exciting front end applications. It can be used to create standalone apps as well as embedding JS apps into your existing website. Here is how you can include a Svelte app in your Drupal website.
- Add your Svelte app folder to the module/theme folder.
- Declare the svelte JS and CSS in your libraries.yml file
svelte: js: sveltejs/public/build/bundle.js: {} css: theme: sveltejs/public/build/bundle.css: {}
- Attach the markup and library inside the render array
return [ '#markup' => '<div id="my-application"></div>', '#attached' => [ 'library' => [ 'my_module/svelte', ] ] ];