Svelte.js项目部署打包方式

最近Svelte开发完博客后遇到的打包问题，简单记录一下

Svelte的打包不同与Vue和React，需要自己配置打包的输出位置

1.svelte配置

svelte.config.js

import adapter from '@sveltejs/adapter-node';
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';

/** @type {import('@sveltejs/kit').Config} */
const config = {
	// Consult https://svelte.dev/docs/kit/integrations
	// for more information about preprocessors
	preprocess: vitePreprocess(),

	kit: {
		adapter: adapter({
			out: 'build'
		})
	}
};

export default config;

修改保存，然后运行 npm run build

运行后项目目录会出现build文件夹，这个就是打包后的源码文件

2.服务器运行

在服务器上运行build文件夹里的index.js，运行后查看端口是否正确。如果没问题 就证明你的项目成功运行啦