一、官方文档相关说明 #

先给你明确结论：当前SvelteKit没有官方支持Webpack作为构建工具。SvelteKit从v1.0正式版开始就将Vite作为唯一官方指定的构建工具，早期版本的Webpack支持已经被完全移除，官方文档中也没有任何关于Webpack集成的官方指南。如果你的项目必须依赖Webpack，只能依赖社区第三方的非官方解决方案，这些方案可能存在兼容性隐患，且不会得到官方的维护支持。

二、切换至Webpack的非官方实操步骤 #

虽然没有官方背书，但社区有一些遗留的工具可以尝试让SvelteKit适配Webpack，具体步骤如下：

1. 清理现有Vite相关依赖 #

先卸载项目中原有的Vite和官方静态适配器：

npm uninstall @sveltejs/adapter-static vite

2. 安装Webpack相关依赖 #

安装社区维护的Webpack适配器以及必要的Webpack加载器：

npm install --save-dev @sveltejs/adapter-webpack webpack webpack-cli svelte-loader css-loader style-loader

注意：@sveltejs/adapter-webpack是SvelteKit早期版本的适配器，目前已经停止官方维护，安装前请确认它和你当前SvelteKit版本的兼容性（建议锁定适配你项目版本的旧版）。

3. 修改svelte.config.js配置 #

把原有的Vite配置替换为Webpack相关配置，结合你提供的现有配置，修改后示例如下：

import adapter from '@sveltejs/adapter-webpack';
import preprocess from 'svelte-preprocess';
import path from 'path';
import dotenv from 'dotenv-flow';
dotenv.config();

const config = {
	preprocess: preprocess(),
	kit: {
		adapter: adapter({
			// Webpack适配器基础配置，对应你原有的static适配器选项
			out: 'build',
			fallback: 'index.html',
			precompress: false,
			// 自定义Webpack配置，解决Node Polyfill问题
			webpack: (webpackConfig) => {
				// 添加Node.js模块的fallback polyfill
				webpackConfig.resolve.fallback = {
					...webpackConfig.resolve.fallback,
					global: require.resolve('global'),
					process: require.resolve('process/browser'),
					buffer: require.resolve('buffer'),
					crypto: require.resolve('crypto-browserify'),
					http: require.resolve('stream-http'),
					https: require.resolve('https-browserify'),
					os: require.resolve('os-browserify/browser'),
					stream: require.resolve('stream-browserify'),
					assert: require.resolve('assert')
				};

				// 保留你原有的别名配置
				webpackConfig.resolve.alias = {
					...webpackConfig.resolve.alias,
					$components: path.resolve('./src/components'),
					$stores: path.resolve('./src/stores'),
					$api: path.resolve('./src/api'),
					$node: path.resolve('./node_modules')
				};

				// 禁用代码压缩，和你原Vite配置保持一致
				webpackConfig.optimization.minimize = false;

				return webpackConfig;
			}
		})
	}
};

export default config;

额外说明：需要安装上述配置中用到的polyfill依赖包：

npm install --save-dev global process buffer crypto-browserify stream-http https-browserify os-browserify stream-browserify assert

4. 调整项目脚本命令 #

修改package.json中的脚本，确保调用Webpack进行构建：

{
  "scripts": {
    "dev": "svelte-kit dev",
    "build": "svelte-kit build",
    "preview": "svelte-kit preview"
  }
}

一般来说社区适配器会让svelte-kit命令自动调用Webpack，如果遇到执行问题，可以直接替换为Webpack CLI命令：

"build": "webpack --mode production"

三、关键建议：优先修复Vite Polyfill问题 #

其实你的核心痛点是Node Polyfill在Vite下无法正常工作，我非常建议优先尝试修复Vite的配置，而不是切换到Webpack——毕竟Webpack非官方支持的风险很高。你可以试试vite-plugin-node-polyfills这个插件，它能更简便地为Vite项目添加所需的Node.js全局变量和模块polyfill，适配你的现有配置示例如下：

import adapter from '@sveltejs/adapter-static';
import preprocess from 'svelte-preprocess';
import path from 'path';
import { nodePolyfills } from 'vite-plugin-node-polyfills';
import dotenv from 'dotenv-flow';
dotenv.config();

const config = {
	preprocess: preprocess(),
	kit: {
		adapter: adapter({
			pages: 'build',
			assets: 'build',
			fallback: 'index.html',
			precompress: false
		}),
		vite: {
			plugins: [
				nodePolyfills({
					// 按需启用你需要的polyfill
					include: ['buffer', 'process', 'crypto', 'stream'],
					globals: {
						global: true,
						process: true
					}
				})
			],
			resolve: {
				alias: {
					$components: path.resolve('./src/components'),
					$stores: path.resolve('./src/stores'),
					$api: path.resolve('./src/api'),
					$node: path.resolve('./node_modules')
				}
			},
			build: {
				minify: false
			}
		}
	}
};

export default config;

安装这个插件即可：

npm install --save-dev vite-plugin-node-polyfills

这种方案不需要切换构建工具，完全符合SvelteKit的官方生态，稳定性和后续维护性都会好很多。

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