svelte.config.js
import preprocess from 'svelte-preprocess';
import adapter from '@sveltejs/adapter-vercel';
import path from 'path';
import viteImagetoolsPkg from 'vite-imagetools';
const { imagetools } = viteImagetoolsPkg;
// @see https://kit.svelte.dev/docs#configuration
/** @type {import('@sveltejs/kit').Config} */
const config = {
// @see https://github.com/sveltejs/svelte-preprocess
preprocess: preprocess({ postcss: true, typescript: true }),
kit: {
// hydrate the <div id="svelte"> element in src/app.html
target: '#svelte',
// @see https://kit.svelte.dev/docs#adapters
adapter: adapter(),
prerender: {
enabled: true,
pages: ['*'],
crawl: true
},
vite: {
resolve: {
alias: {
$components: path.resolve('./src/components'),
$stores: path.resolve('./src/stores'),
$routes: path.resolve('./src/routes')
}
},
plugins: [imagetools()],
json: {
namedExports: true
}
}
}
};
export default config;