왼쪽의 탐색기에 프로젝트의 기본 폴더가 구성되어 있습니다. 기본 스벨트 템플릿은 롤업(rollup.js) 프로젝트로 구성되어 배포되고 있습니다. 설정은 가장 아래쪽 파일 rollup.config.js 파일에 작성되어 있습니다.
다음은 폴더와 파일에 대한 설명입니다.
• node_modules - npm이 설치한 노드 패키지들이 저장되는 폴더
• public - 웹 서비스용 리소스 폴더
• public/build - src 폴더의 .svelte 파일이나 .js 파일이 빌드되어 저장되는 폴더
• public/fabicon.png - 웹사이트 아이콘 파일
• public/global.css - 현재 프로젝트에 적용될 CSS 파일
• public/index.html - 메인 HTML 파일
• src - 우리의 주 관심사인 작업 폴더임. *.svelte 파일과 *.js 파일 등 소스 저장 폴더. 빌드 대상이 됨
• src/App.svelte - 스벨트의 시작점이면서 스벨트 기본 App이 정의된 컴포넌트 파일
• src/main.js - 웹 애플리케이션의 최초 진입 점
• package-lock.json - npm dependency tree가 표시된 파일
• package.json - npm packages 설치 컨트롤 파일
• README.md - 기본 프로젝트 템플릿에 대한 설명 파일
• rollup.config.js - 롤업 구성에 대해 기술되어 있는 설정 프로그램
스벨트는 기본 프로젝트가 롤업(rollup.js)으로 구성되어 있습니다. 또한, 스벨트 제작자는 스벨트를 근간으로 하는 풀스택 개발 환경 스벨트킷(SvelteKit)을 제공합니다. 20장 두뇌 개발 게임 만들기에서는 스벨트킷을 사용하여 프로젝트를 구성하는 방법도 알아보겠습니다. 다만, 프런트 프레임워크로서 스벨트를 학습할 때는 기본 제공되는 환경을 사용하겠습니다.