作ったもの

下記のような簡単な時系列図？タイムライン？を作るための、svelteのコンポネントライブラリを作ってみました。

Svelteでのコンポネントライブラリの作り方

svelteのwebアプリを作成するためのフレームワークにsvelte-kitがあります。
このsvelte-kitを使用することで簡単にsvelteコンポーネントを使用したライブラリを作成し、npmに公開することが可能です。

svelte-kitでwebアプリを作成する際とライブラリを作成する場合の違いはpublic(ユーザーが使用するもの)なものの位置だけです。

実際にnpmに公開する際は下記のフローで行うことが可能です。

$ npm run package // src/lib配下をビルドする
$ cd package // ビルドで作成されたpackageディレクトリに移動する
$ npm publish // ライブラリをnpmに公開する

より詳細な情報は公式の下記に記載されています。