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

npmyarnpnpmbun

sh

npm create farm@latest

sh

yarn create farm@latest

sh

pnpm create farm@latest

sh

bun create farm@latest

Select Svelte template in Select Framework

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

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

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

export default {
  preprocess: vitePreprocess(),
}

If you want to start DevServer

npmyarnpnpmbun

sh

npm dev

sh

yarn dev

sh

pnpm dev

sh

bun dev

If you need to run the build production environment product command

npmyarnpnpmbun

sh

npm build

sh

yarn build

sh

pnpm build

sh

bun build

If you need to preview your build product

npmyarnpnpmbun

sh

npm preview

sh

yarn preview

sh

pnpm preview

sh

bun preview

For more example details: Svelte Example