본문 바로가기
반응형

sveltekit3

[Svelte, Sveltekit] Client의 Svelte에서 cors error 해결 vite.config.js 혹은 vite.config.ts 파일을 아래내용을 추가한다. ... server: { cors: { origin: "http://[api 호출 주소 (backend 주소)]", credentials: true, }, ... 2023. 9. 15.
[Docker & Svelte + SvelteKit] 도커 이미지 최적화 일반적인 도커파일 방식 # 빌드에 필요한 모든 파일 COPY package.json . COPY package-lock.json . COPY pnpm-lock.yaml . COPY svelte.config.js . COPY vite.config.ts . # 빌드에 필요한 모든 폴더 COPY . . RUN npm i RUN pnpm install —frozen-lockfile RUN pnpm build EXPOSE 3000 CMD ["node", "build"] 위 방식에서 node_module을 포함한 docker 이미지를 만드는데 필요한 것을 다단계로 나누어 배포한다. FROM node:18-alpine AS builder WORKDIR /app COPY package*.json . RUN npm ci.. 2023. 9. 14.
[Docker] Sveltekit 빌드 시 build폴더 생성 안될 때 (Dockerfile 오류) svelteKit에서 dockerfile을 사용해 docker 파일을 만들려고할 때 생기는 이슈 일단 svelte.config.js 파일에서 별도로 빌드 경로를 지정해 주지 않는이상 .svelte-kit 에만 빌드 파일이 만들어진다. dockerfile에서 sveltekit예제를 보면 node build/index.js 명령어를 치는데 build폴더가 존재하지 않아 명령어가 실행되지 않는다. svelte에서는 svelte.config.js 파일의 어댑터를 노드로 설정을 해야한다 그래 어댑터가 오토로 되어 있어서 자동으로 build파일을 생성해준다. 하지만 svelteKit 프로젝트를 node서버에 올리기 위해 build 폴더가 필요하기 때문에 아래 명령어를 실행해준다. npm i -D @sveltejs/.. 2023. 9. 11.
반응형