시간 시퀀스 라이브러리 만들기

만든 물건

다음은 간단한 시차도?타임라인Svelte 조립품을 만들기 위해 제작을 시도했어요.

데모: https://svelte-vertical-timeline.vercel.app/

창고: https://github.com/K-Sato1995/svelte-vertical-timeline

Svelte의 간단명료한 수첩 만드는 법

개요

svelte를 만드는 웹 응용 프로그램의 프레임워크는 svelte-kit입니다.
이 svelte-kit을 사용하면 svelte 구성 요소를 사용하는 프로그램 라이브러리를 간단하게 만들고 npm에 공개할 수 있습니다.
https://kit.svelte.dev

구체적 방법

svelte-kit에서 웹 응용 프로그램을 만드는 것과 프로그램 라이브러리를 만드는 것은 공공 (사용자가 사용하는 것) 의 위치만 다르다.

src/routes: 웹 앱을 제작할 때 이쪽 아래에서 제작(Next처럼 동적 URL 만들기)

src/lib: 프로그램 라이브러리를 만들 때 이쪽 아래에서 프로그램 라이브러리의 내용을 만듭니다.

실제 npm에 공개할 때는 다음과 같은 절차에 따라 진행할 수 있다.

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

더 자세한 정보는 공식 아래에 기재되어 있다.
https://kit.svelte.dev/docs/packaging