Scott

how to build docker image in vitejs a year ago

react
docker
722个字符
共有110人围观

vitejs容器化也很简单,类似于nextjs,只需要2步:

1, 创建Dockerfile:

FROM node:18-alpine

WORKDIR /app

COPY package.json .

RUN npm install

COPY . .

RUN npm run build

EXPOSE 44445

CMD [ "npm", "run", "preview" ]

2, 修改vite.config.ts:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'

// https://vitejs.dev/config/

export default defineConfig({
 base: "/",
 plugins: [react()],
 preview: {
  port: 44445,
  strictPort: true,
 },
 server: {
  port: 44445,
  strictPort: true,
  host: true,
  origin: "http://0.0.0.0:44445",
 },
});

接着就是build的操作

参考:https://dev.to/ysmnikhil/how-to-build-with-react-or-vue-with-vite-and-docker-1a3l