This is a project is block of pledges from Profi Avtocod rewrited on Svelte.
Demonstration: GitHubPages
Presentation: Slides.com
Pledges Block it's isolated web-component.
To use component in your project you should import bundle.css
and bundle.js
.
<link rel='stylesheet' href='build/bundle.css'>
<script defer src='build/bundle.js'></script>
After it you can use web-component in your project
<pledges-block></pledges-block>
Data for block provided via attribute pledges
Interface can be found in @/src/main.ts
git clone https://github.com/Razdva122/Svelte-pledge-example
Install the dependencies...
cd svelte-pledge-example
npm install
...then start Rollup:
npm run dev
Navigate to localhost:5000. You should see your app running. Edit a component file in src
, save it, and reload the page to see your changes.
By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the sirv
commands in package.json to include the option --host 0.0.0.0
.
To create an optimised version of the app:
npm run build
You can run the newly built app with npm run start
. This uses sirv, which is included in your package.json's dependencies
so that the app will work when you deploy to platforms like Heroku.