How to configure Svelte Kit to request assests from a CDN in production? - assets

Question

I deployed my Svelte Kit app on K8s and noticed that things like Favicons weren't loading. After some investigation, it turns out that Nginx Ingress Controller is not designed to serve those files:
The Ingress Controller is not designed to serve static content. If you'd like to serve static content, consider having a separate Service for it.
See #257 (comment) — Github issue comment, 2018.
thus, splitting my statics assets from the rest of my Svelte Kit app is needed... but I'm a bit lost on how to correctly do that: After building my app I can see the static folder there, then I should just upload that to a CDN, but what about Svelte itself? Is changing %svelte.assets% good enough to signal the location of static assets in Svelte Kit?
This is my current Svelte Kit configuration:
/* jshint esversion: 11 */
// Imports
import preprocess from 'svelte-preprocess';
import { resolve, dirname } from 'path';
import { fileURLToPath } from 'url';
import svg from '#poppanator/sveltekit-svg';
// Adapters
import adapter from '#sveltejs/adapter-node';
// Custom require function as replacement for the require from the commonJS in ES Module
// Custom __dirname as replacement for the __dirname from the commonJS in ES Module
const __dirname = dirname(fileURLToPath(import.meta.url)); // jshint ignore:line
const options = JSON.stringify(process.env.OPTIONS || '{}');
/** #type {import('#sveltejs/kit').Config} */
const config = {
preprocess: [
preprocess({
postcss: true,
preserve: ['ld+json', 'module'],
typescript: true,
}),
],
kit: {
adapter: adapter({ ...options, out: './.svelte-kit/nodejs/build/' }),
prerender: {
crawl: true,
enabled: true,
onError: 'fail',
entries: ['*'],
},
vite: () => ({
resolve: {
alias: {
$stores: resolve(__dirname, './src/stores'),
$components: resolve(__dirname, './src/lib/shared/components'),
$ui: resolve(__dirname, './src/lib/shared/ui'),
$layouts: resolve(__dirname, './src/lib/layouts'),
$shared: resolve(__dirname, './src/lib/shared'),
$models: resolve(__dirname, './src/lib/models'),
$data: resolve(__dirname, './src/lib/data'),
$core: resolve(__dirname, './src/lib/core'),
$utils: resolve(__dirname, './src/lib/utils'),
$environment: resolve(__dirname, './src/environments'),
},
},
envPrefix: ['VITE_', 'SVELTEKIT_STARTER_'],
plugins: [svg({ type: 'src', svgoOptions: svg.OptimizeOptions })],
}),
},
};
export default config;