최초준비물 : node.js 설치 https://nodejs.org/ko/download/
npm + vite 이용하여 svelte 템플릿 설치.
npm create vite@latest my-app -- --template svelte
cd svelte-app
npm i
npm run dev
원래 svelte를 사용하려면 템플릿 파일을 zip file을 다운로드 받거나, npx를 사용했는데, 최근 기본 번들링 툴이 rollup에서 vite로 바뀌면서 초기 명령어가 더 바뀌었다. vite가 요새 대세 흐름을 타고 있으니 사용해보면 좋을 듯 😉
npm i svelte-preprocess
npm i sass
import { defineConfig } from 'vite'
import { svelte } from '@sveltejs/vite-plugin-svelte'
import sveltePreprocess from 'svelte-preprocess';
export default defineConfig({
plugins: [svelte(
{
preprocess: sveltePreprocess(),
}
)],
...
})