Svelte

Create a Svelte project based on Farm.

Farm provides two approaches to support creating Svelte projects:

• Use the create-farm scaffold to create a scaffold project
• You can manually create a Svelte project following the current documentation

Creating a Svelte Project

npm

yarn

pnpm

bun

npm create farm@latest

Select Svelte template in Select Framework

Svelte

For Svelte support, Farm recommends using Vite plugins.

farm.config.ts

import { defineConfig } from '@farmfe/core'
import { svelte } from '@sveltejs/vite-plugin-svelte'

export default defineConfig({
  vitePlugins: [svelte()],
})

svelte.config.ts

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

export default {
  preprocess: vitePreprocess(),
}

If you want to start DevServer

npm

yarn

pnpm

bun

npm dev

If you need to run the build production environment product command

npm

yarn

pnpm

bun

npm build

If you need to preview your build product

npm

yarn

pnpm

bun

npm preview

For more example details: Svelte Example