Svelte Component Template

by @antony

Features

• Svelte 3
• Automatic NPM Publish support
• LiveReload
• Unit testing with @testing-library/svelte and Jest
• Fetch mocking for tests
• Eslint (@beyonk) / "Standard" Linting

Installation

npx degit git@github.com:beyonk-adventures/svelte-component-livereload-template.git

Usage

Edit src/Component.svelte

npm run dev

Building

npm run build

Testing

Tests are in test/*. Edit files here, and run:

npm run test

Publishing

You can set a component name in package.json and publish as usual with npm publish.

However, see the following section to make your life a lot easier.

Continuous Deployment

You can set up CI/CD with CircleCI in two easy steps:

• Head to CircleCI and add this project.
• Add your NPM token as an environment variable called NPM_TOKEN in the org-global context.

Whenever you commit to master, tests and linting will be run.

Whenever you tag and push to git, a npm release will automatically be made:

npm version <patch|minor|major>
git push && git push --tags