stdf/docs/site/vite.config.ts

import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
import tailwindcss from '@tailwindcss/vite';
import md from 'rollup-plugin-md-ts';

export default defineConfig({
	plugins: [
		sveltekit(),
		tailwindcss(),
		md({
			marked: {},
			include: ['../mds/**/*.md', './src/pages/guide/**/*.md', '../../packages/**/*.md']
		})
	],
	server: { hmr: true, host: '0.0.0.0', port: 5555 },
	build: {
		assetsDir: 'build',
		rollupOptions: {
			output: {
				manualChunks: (id: string) => {
					// 将 node_modules 中的包拆分到单独的 build/node_modules.js 文件中
					if (id.includes('node_modules')) {
						return 'vendor/index';
					}
					// 将 src/components/menu 中的包拆分到单独的 build/common/menu/index.js 文件中
					if (id.includes('site/src/components/menu')) {
						return 'common/menu/index';
					}
					// 将 src/pages/Home.svelte 单独拆分到 build/home/index.js 文件中
					if (id.includes('src/pages/Home.svelte')) {
						return 'home/index';
					}
					// 将 src/pages/guide/Guide.svelte 单独拆分到 build/guide/index.js 文件中
					if (id.includes('src/pages/guide/Guide.svelte')) {
						return 'guide/index';
					}
					const guide = [
						'QuickStart',
						'Theme',
						'Faq',
						'Color',
						'Color_en',
						'Icon',
						'Internation',
						'Compatibility',
						'Logo',
						'About',
						'Changelog',
						'Future',
						'Shortkey',
						'Contribution',
						'Milestone',
						'Vscode',
						'Generator'
					];
					// 循环遍历 guide 文件夹下的所有文件，将其单独拆分到 build/guide/xxx/index.js 文件中
					for (const item of guide) {
						if (id.includes(`src/pages/guide/${item}.svelte`)) {
							return `guide/${item}/index`;
						}
					}
					// 将 src/pages/components/Components.svelte 单独拆分到 build/components/index.js 文件中
					if (id.includes('src/pages/components/Components.svelte')) {
						return 'components/index';
					}
					const components = ['Api', 'Component', 'FAQ', 'Guide', 'Version'];
					// 循环遍历 components 文件夹下的所有文件，将其单独拆分到 build/components/xxx/index.js 文件中
					for (const item of components) {
						if (id.includes(`src/pages/components/${item}.svelte`)) {
							return `components/${item}/index`;
						}
					}
					// 如果 id 包含 doc/guide/xxx.md 则单独拆分到 build/doc/guide/xxx/index.js 文件中
					if (id.includes('doc/guide/')) {
						return 'doc/guide/' + id.match(/doc\/guide\/(.*)\.md/)?.[1] + '/index';
					}
					// 如果 id 包含 doc/components/xxx.md 则单独拆分到 build/doc/components/xxx/index.js 文件中
					if (id.includes('doc/components/')) {
						return 'doc/components/' + id.match(/doc\/components\/(.*)\.md/)?.[1] + '/index';
					}
				}
			}
		}
	}
});