https://github.com/tonyrewin/svelte3-ts-boilerplate

https://github.com/tonyrewin/svelte3-ts-boilerplate

postcss rollup svelte typescript

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/tonyrewin/svelte3-ts-boilerplate
• Owner: tonyrewin
• License: mit
• Archived: true
• Created: 2019-09-24T01:17:43.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2019-09-24T12:45:43.000Z (about 5 years ago)
• Last Synced: 2024-05-10T22:32:52.242Z (6 months ago)
• Topics: postcss, rollup, svelte, typescript
• Language: JavaScript
• Size: 13.7 KB
• Stars: 6
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Svelte3-Typescript Boilerplate

TS analytics works in VSCode! Based on:

- [geakstr/svelte-3-rollup-typescript-vscode](https://github.com/geakstr/svelte-3-rollup-typescript-vscode)

- [Axelen123/svelte-ts-template](https://github.com/Axelen123/svelte-ts-template)

## Description

Starter pack for Svelte 3/Rollup/Typescript/Visual Studio Code:

- Typescript support inside Svelte components with [@pyonr/svelte-ts-preprocess](https://github.com/pyonr/svelte-ts-preprocess)

- Also it adds some support for Visual Studio Code and [svelte-vscode](https://github.com/UnwrittenFun/svelte-vscode) extension (via `svelte.config.js`)

- Jest to test .ts/.svelte

- Supports `index.html` entry file, dev server to serve it and livereload

- ESLint, Prettier

- See all in `rollup.config.js`

## How to start

Please, notice the importance of `svelte.config.js` in the root directory for VSCode to use your project's preprocessors. Jest, Prettier, ESLint, PostCSS are optional but useful. So clone and

```sh

npm i

npm run dev

```

### Linting

```sh

npm run lint

npm run format

```