IP : 13.58.203.104

[오픈소스] 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

 ​ 

0
0
이 글을 페이스북으로 퍼가기 이 글을 트위터로 퍼가기 이 글을 카카오톡으로 퍼가기 이 글을 카카오스토리로 퍼가기 이 글을 밴드로 퍼가기
captcha
자동등록방지 숫자입력

공실장 개발센터

번호 제목 글쓴이 날짜 조회수
16 오픈소스 SVELTEKIT+ CAPACITOR 설치 그리고 안드로이드 스튜디오 빌드 앱실행 관리자 01-28 2,106
15 오픈소스 sveltekit 로그인 관리자 12-19 1,746
14 오픈소스 sveltekit Cloudflare에 배포하면 받듣시 해줘야할 일! 서브도메인 ssl 통신 허용! 관리자 12-09 2,649
13 오픈소스 sveltekit 빌드하고 배포하기 (클라우드플레어) 관리자 12-06 2,860
12 오픈소스 sveltekit 빌드하고 배포하기 클라우드플레어 이용하게된 계기 - 프롤로그 관리자 12-06 3,512
11 오픈소스 svelte + capacitor 에서 https 로 post로 값넘기기 +1 관리자 01-31 2,535
10 오픈소스 svelte routify 에서 layout 상속 재정의 하기 +1 관리자 10-05 2,369
9 오픈소스 svelte + capacitor + cordova + ionic 빌드하고 폰에 올려서 확인하기 관리자 10-05 4,581
8 오픈소스 svelte + capacitor + cordova + ionic 만들기 쉬운 하이브리드앱 조합 관리자 10-05 3,683
7 오픈소스 svelte sapper 링크 걸기 a href 말고 스크립트로!! 관리자 10-01 4,206
6 오픈소스 svelte on:click 사용 방법 주의사항 관리자 10-01 4,732
5 오픈소스 svelte sapper 빌드하고 서버에 올리기 +1 관리자 09-30 4,257
4 오픈소스 svelte ui +1 관리자 08-03 2,105
3 오픈소스 angular vs react vs vue vs svelte? 관리자 08-03 2,565
2 오픈소스 지도형 홈페이지 파일 그누보드 관리자 04-24 2,097
1 오픈소스 지도형 중개업소 홈페이지 보수 계획 관리자 12-05 2,222