Svelte template#
Features:
- Svelte
- Snowpack with esbuild enabled
- TypeScript
svelte-preprocesssupport with Pug and Sass installed by default- Hot module replacement
- Prettier
Limitations:
- Source maps are supported for
.tsand.sveltefiles, but not for the preprocessors used inside.sveltefiles - Linting for code-quality rules is not supported. Would need to use ESLint with eslint-plugin-svelte3, but that plugin needs to work with svelte-preprocess (issue)
Recommended VSCode extensions#
svelte.svelte-vscodefor Sveltesyler.sass-indentedfor Sassesbenp.prettier-vscodefor Prettier
Setup#
src/main.ts is built and bundled into build/bundle/.
If you want to add support for Android/iOS/Electron using Capacitor, read Adding Capacitor to an existing web app. Just make sure to set webDir to "build" in capacitor.config.json.
Commands#
npm run start#
Starts dev server
npm run build#
Builds and bundles
npm run lint#
Lint the project
npm run check#
Run svelte-check