What is Svelte?
Svelte is a new way to build web applications. Itās a compiler that takes your declarative components and converts them into efficient JavaScript that surgically updates the DOM.
Learn more at the Svelte website, or stop by the Discord chatroom.
Supporting Svelte
Svelte is an MIT-licensed open source project with its ongoing development made possible entirely by fantastic volunteers. If youād like to support their efforts, please consider:
Funds donated via Open Collective will be used for compensating expenses related to Svelteās development such as hosting costs. If sufficient donations are received, funds may also be used to support Svelteās development more directly.
Development
Pull requests are encouraged and always welcome. Pick an issue and help us out!
To install and work on Svelte locally:
git clone https://github.com/sveltejs/svelte.git
cd svelte
npm install
Do not use Yarn to install the dependencies, as the specific package versions in
package-lock.json
are used to build and test Svelte.
To build the compiler and all the other modules included in the package:
npm run build
To watch for changes and continually rebuild the package (this is useful if youāre using npm link to test out changes in a project locally):
npm run dev
The compiler is written in TypeScript, but donāt let that put you off ā itās basically just JavaScript with type annotations. Youāll pick it up in no time. If youāre using an editor other than Visual Studio Code, you may need to install a plugin in order to get syntax highlighting and code hints, etc.
Running Tests
npm run test
To filter tests, use -g
(aka --grep
). For example, to only run tests involving transitions:
npm run test -- -g transition
svelte.dev
The source code for https://svelte.dev, including all the documentation, lives in the site directory. The site is built with SvelteKit.
Is svelte.dev down?
Probably not, but itās possible. If you canāt seem to access any .dev
sites, check out this SuperUser question and answer.