개시하다

10월 18일 열리는 Svelte Summit에 소개된 Svelte Kit.
Sapper의 후계자로 기대를 모은다고 하니 실제 로컬 호스트에 구축해 보려고 한다.
자세한 내용을 알고 싶으신 분은 이쪽을 보세요.
What's the deal with SvelteKit?

새 프로젝트 작성

먼저 디렉토리를 생성하고 이동합니다.

mkdir sveltekit-test && cd sveltekit-test

npm init svelte@next를 통해 Svelte Kit의 뼈대를 준비할 수 있다.

npm init svelte@next
✔ Use TypeScript in components? … yes

Use TypeScript in components?입맛대로
생성이 완료되면 디렉토리 구조는 다음과 같습니다.

.
├── README.md
├── package.json
├── snowpack.config.js
├── src
│   ├── app.html
│   ├── components
│   │   └── Counter.svelte
│   ├── globals.d.ts
│   └── routes
│       └── index.svelte
├── static
│   ├── favicon.ico
│   └── robots.txt
├── svelte.config.js
└── tsconfig.json

마지막으로 로컬 호스트 확인 동작을 시작하면 됩니다.

yarn
npm run dev -- --open

참고 자료

What's the deal with SvelteKit?

선전하다.

Qita Advent Calendar 2020의 라이브러리·프레임 부문에서 제작Svelte했다.
관심 있는 사람이 꼭 참가해야 한다면 나는 매우 기쁠 것이다.