vite.config.ts

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react-swc";
import svgr from "vite-plugin-svgr";
import path from 'path';
import { } from 'vite-react-ssg'

export default defineConfig({
	base: './',
	plugins: [react({
		devTarget: "esnext"
	}),
	svgr()],
	cacheDir: ".yarn/.vite",
	ssgOptions: {
		crittersOptions: false,
		entry: "src/index.ts",
		formatting: 'prettify',
	},
	optimizeDeps: {
		exclude: ['blip-ds/loader'],
	},
	resolve: {
		alias: [{ find: '@', replacement: path.resolve(__dirname, 'src') }],
		extensions: ['.js', '.ts', '.jsx', '.tsx', '.css', '.css.ts'],
	},
	css: {
		devSourcemap: true,
		preprocessorOptions: {
			scss: {
				silenceDeprecations: ['legacy-js-api'],
				additionalData: `
  @import "@/styles/variables.scss";
  @import "@/styles/mixins.scss";
`,
			},
		},
	},
	build: {
		cssCodeSplit: true,
		emptyOutDir: true,
	},
	server: {
		headers: {
			'Cross-Origin-Opener-Policy': 'same-origin',
			'Cross-Origin-Embedder-Policy': 'require-corp',
			'This-Is-A-Custom-Header': 'yes',
		},
	},
});