[오픈소스] sveltekit 빌드하고 배포하기 (클라우드플레어)
스벨트킷 sveltekit 로 개발을 합니다.
그리고 npm run dev 로 하면서 잘되돌아가는지 확인하면서 하는데,
npm run build 한번 해보면 또 좀더 엄격한 기준으로 빌드하면서 에러를 마구 뱉어냅니다.
에러 보면서 처리를하고 이상이 없으면
npm i @sveltejs/adapter-cloudflare-workers@next
로 클라우드 플레어 워커스 어댑터를 설치해줍니다.
그리고 루트 폴더의 svelte.config.js 파일을 열어서
import adapter from '@sveltejs/adapter-cloudflare-workers'; //클라우스 플레어 어뎁터
import preprocess from 'svelte-preprocess'; //tailwindcss 사용하면 넣어주세요.
const config = {
preprocess: preprocess(), //tailwindcss 사용하면 넣어주세요.
kit: {
// hydrate the <div id="svelte"> element in src/app.html
target: '#svelte',
adapter: adapter()
}; |
위와 같이 설정해줍니다.
그리고 클라우드플레어의 랭클러cli 설치해줍니다.
npm i @cloudflare/wrangler -g
wrangler init --site radio21-web
wrangler.toml 파일이 생성된것 확인가능합니다.
여기에서
name = "radio21-web"
type = "webpack"
route = '*****.*****.workers.dev/*'
zone_id = '***************f5'
usage_model = ''
compatibility_flags = []
workers_dev = true
site = {bucket = ".svelte-kit/build",entry-point = "workers-site"}
compatibility_date = "2021-12-06"
wrangler login
wrangler publish
