本指南向您展示如何容器化 SvelteKit 應(yīng)用程序以簡化部署和管理。 請記?。哼@是針對 SvelteKit，而不是 Svelte！

設(shè)置

如果您缺少 SvelteKit 項(xiàng)目，請創(chuàng)建一個(gè)：

npx sv create my-svelte-app --template demo --types ts

接下來，配置 SvelteKit 以使用 adapter-node 實(shí)現(xiàn) Node.js 兼容性，這對于容器化至關(guān)重要。安裝它：

npm i -D @sveltejs/adapter-node

修改svelte.config.js：

// svelte.config.js
- import adapter from '@sveltejs/adapter-auto';
+ import adapter from '@sveltejs/adapter-node';

現(xiàn)在，創(chuàng)建您的Dockerfile。這指示 Docker 構(gòu)建和運(yùn)行您的應(yīng)用程序：

# Builder stage
FROM node:22-alpine AS builder
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build
RUN npm prune --production

# Final stage
FROM node:22-alpine
WORKDIR /app
COPY --from=builder /app/build build/
COPY --from=builder /app/node_modules node_modules/
COPY package.json .
EXPOSE 3000
ENV NODE_ENV=production
CMD [ "node", "build" ]

此Dockerfile使用多階段構(gòu)建。構(gòu)建器階段編譯您的應(yīng)用程序，最后階段創(chuàng)建更精簡的運(yùn)行時(shí)映像。

要簡化構(gòu)建過程，請創(chuàng)建一個(gè) .dockerignore 文件：

<code>Dockerfile
.dockerignore
.git
.gitignore
.gitattributes
README.md
.npmrc
.prettierrc
.eslintrc.cjs
.graphqlrc
.editorconfig
.svelte-kit
.vscode
node_modules
build
package
**/.env</code>

通常，將所有依賴項(xiàng)安裝為 devDependencies（使用 npm i -D <package>）。這讓 SvelteKit 捆綁它們，刪除未使用的導(dǎo)入。 但是，如果您在構(gòu)建過程中遇到諸如 __dirname undefined 之類的問題，請將該包安裝為常規(guī)依賴項(xiàng)。 如果所有依賴項(xiàng)都是 devDependencies，則可以在 Docker 最后階段省略復(fù)制 node_modules，進(jìn)一步最小化鏡像大小。

構(gòu)建您的 Docker 鏡像：

docker build -t my-sveltekit-app .

運(yùn)行容器化應(yīng)用程序：

docker run -p 3000:3000 my-sveltekit-app

通過http://localhost:3000訪問您的應(yīng)用程序。

環(huán)境變量

SvelteKit 提供了四種管理環(huán)境變量的方法：$env/dynamic/private、$env/dynamic/public、$env/static/private 和 $env/static/public。 請記住，不同的部署平臺以不同的方式處理這些問題；請查閱他們的文檔。

對于表單操作和服務(wù)器端功能，正確設(shè)置ORIGIN環(huán)境變量以防止跨站POST錯誤：

docker run -p 3000:3000 -e ORIGIN=http://localhost:3000 my-sveltekit-app

將 http://localhost:3000 替換為您的生產(chǎn)域。

生產(chǎn)優(yōu)化

1. 健康檢查：添加/health端點(diǎn)并使用Docker的HEALTHCHECK指令：

HEALTHCHECK --interval=30s --timeout=3s \
  CMD wget --no-verbose --tries=1 --spider http://localhost:3000/health || exit 1

2. 內(nèi)存限制： 設(shè)置 Node.js 內(nèi)存限制：

docker run -p 3000:3000 -e NODE_OPTIONS="--max-old-space-size=512" my-sveltekit-app

3. 安全掃描：定期掃描漏洞：

docker scout quickview

結(jié)論

您現(xiàn)在已經(jīng)容器化了 SvelteKit 應(yīng)用程序。對于部署，請考慮 sliplane.io。

以上是如何 Docker 化 SvelteKit的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！