Vite Svelte Docker Template

This template offers the following things, ready to use, in a dockerized environment:

• Vite
• Svelte 4 (TypeScript)
• ESLint
• Prettier
• Svelte-Check
• Testing Svelte with Vitest & Testing Library

Create with it!

Create with Svelte 4 (default):

npx degit tony-stark-eth/vite-svelte-docker-template app-name
npx degit tony-stark-eth/vite-svelte-docker-template#[email protected] svelte4-app-name

Create with Svelte 5 (experimental):

npx degit bavragor/vite-svelte-docker-template#release@svelte5 svelte5-app-name

Requirements

• Docker
• make

Installation

make setup
make up
make install

Development

docker compose exec app pnpm run dev

Build

docker compose exec app pnpm run build

Preview

docker compose exec app pnpm run preview

Test

docker compose exec app pnpm run test

Or with coverage in build directory

docker compose exec app pnpm run test:coverage

OS specific settings

Windows + WSL2 + Symlinks + PNPM

In case your running a setup like me, WSL2 with Ubuntu and have your IDE running on Windows, your IDE may not be able to use symlinks created by pnpm. For this scenario you can do the following

cp .npmrc.dist .npmrc
make build
make up
make install

This will run pnpm without symlinks.

Git Hooks

This template also supports git hooks to ensure code quality and consistency before commits and pushes.

These can be activated with:

make git-enable-hooks

Or deactivated with:

make git-disable-hooks