Svelte Project Template

Svelte project preconfigured with:

• SvelteKit (Vite)
• Typescript
• Sass & PostCSS Preset Env ( which includes Autoprefixer)
• Prettier & Eslint
• Husky & Lint-staged
• Vitest *1
• Playwright *1
• Storybook *1

*1: To keep the installation speedy Vitest, Playwright and Storybook are disabled by default.

Initial setup

npx degit "github.com/bfanger/svelte-project-template#main" my-svelte-project
cd my-svelte-project
git init && git add .
pnpm install     # or  npm install
pnpm dev --open  # or  npm run dev -- --open

Enabling Testing & Storybook

node ./enable-testing.js
pnpm install  # or  npm install

• Creates the configuration files
• Creates an example unittest
• Creates an example e2e test
• Creates an example storybook story
• Number of folders inside node_modules grows from ~347 to ~967.

Linting

pnpm lint  # or  npm run lint

Build

pnpm build             # or  npm run build
npx serve@latest build # or  npm run preview