SvelteKit如何对外提供静态JS文件服务？

AI 小北

2026-7-17

解决方案及问题分析

首先，你原来的文件存放位置不符合框架规范——结合Node适配器的SvelteKit场景中，src目录下的文件默认属于源码范畴，会被构建工具处理，不会直接复制到build目录。而供外部访问的独立静态脚本，应该放在项目根目录的static/文件夹下，这是框架约定的静态资源存放位置。

最优解决办法：调整文件位置

把src/lib/static/embed.js移动到项目根目录的static/文件夹下，比如static/embed.js。

开发模式下，访问路径变为/embed.js
执行yarn build后，该文件会被自动复制到build文件夹根目录，生产环境同样可以通过/embed.js访问

若不想移动文件，可通过配置实现复制

如果坚持保留原文件位置，需要在vite配置中添加复制规则：

先安装依赖：

yarn add rollup-plugin-copy --dev

修改svelte.config.js：

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

export default defineConfig({
  plugins: [
    sveltekit(),
    copy({
      targets: [
        { src: 'src/lib/static/embed.js', dest: 'build' }
      ],
      hook: 'writeBundle' // 在构建完成后执行复制
    })
  ]
});