SvelteKit/Vite.js：大体积静态内容托管与部署优化问询

问题a：不经过Vite/Svelte处理托管静态内容 #

开发环境 #

• 修改项目根目录的vite.config.js，通过代理映射外部静态目录，同时排除监听：

import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';

export default defineConfig({
	plugins: [sveltekit()],
	server: {
		// 代理特定路径到外部大静态目录
		proxy: {
			'/static-large': {
				target: 'file:///absolute/path/to/your/large-static-folder',
				changeOrigin: false,
				rewrite: (path) => path.replace(/^\/static-large/, '')
			}
		},
		// 排除大目录，避免触发inotify限制
		watch: {
			ignored: ['/absolute/path/to/your/large-static-folder/**']
		}
	}
});

• 之后访问http://localhost:5173/static-large/xxx.ext即可直接获取外部目录的文件，且不会被Vite监听。

生产环境 #

• 部署时，将大静态目录与SvelteKit构建产物分开托管：
  • 如果用反向代理（如Nginx），添加如下配置：

  location /static-large/ {
      root /path/to/your/large-static-folder;
      expires 30d; # 可选，添加缓存策略
  }
  

  • 也可将大静态目录上传至CDN，直接在页面中引用CDN地址。

问题b：优化dev启动速度与build耗时 #

开发环境 #

• 移除之前指向static目录的软链，避免SvelteKit扫描该目录。
• 确保已在vite.config.js中配置server.watch.ignored排除大静态目录（见问题a的配置），这样Vite启动时不会遍历这些文件，大幅提升启动速度。

生产环境 #

• 绝对不要将大静态目录（或软链）放入SvelteKit的static目录下，否则npm run build会遍历并复制所有文件，导致构建耗时极长。
• 配合问题a的生产环境方案，通过反向代理或CDN托管大静态内容，构建时SvelteKit只会处理项目本身的代码与必要静态文件，构建速度显著提升。

内容的提问来源于stack exchange，提问作者Nathaniel Tagg