Update 2023-03-20: Vite supports HTML Env replacement out of the box starting with version 4.2! So if that’s all you’re looking for, you should be set. Older answer: Wanted to do the same for a project. Used vite-plugin-html for a bit, but I ran into an issue with the plugin and the author of the … Read more
It’s because build.rollupOptions.external from vite:rollup setup looks for / before external files. So when you add css files to your html just add “https://stackoverflow.com/” (eg. /src/foo.css instead of src/foo.css)
The following approach has these advantages: One central point to maintain all your icons for your app Reduced network requests for fetching SVG icons Reusable icons throughout the app without having duplicate svg elements Have a dedicated Icon.svelte component setup like this: <script> export let name; export let width = “1rem”; export let height = … Read more
Edit: Rollup supports code splitting – read article Edit: Webpack now supports scope hoisting in some situations — read the blog post here We probably all have different definitions for this stuff, but I think flat bundling simply means ‘taking your modules and turning them into a single bundle’ — i.e, the ‘flat’ is redundant. … Read more