使用docker 部署vue的开发环境

110 阅读1分钟

在项目里创建 dockerfile 文件

创建一个 ‘dockerfile’文件,内容如下:



FROM node:14.21.3

WORKDIR /app

# 设置默认环境变量
ENV CHOKIDAR_USEPOLLING=true
ENV HOST=0.0.0.0
ENV PORT=8080

VOLUME /app/node_modules

COPY package*.json ./
RUN npm install

EXPOSE 8080

# 使用 ENTRYPOINTCMD 组合
ENTRYPOINT ["npm", "run"]
CMD ["serve"]


如果之前没有拉取过docker镜像,先运行 docker pull node:xxx 拉取node镜像

最好也创建一个 .dockerignore

node_modules
.git

忽略掉自己不想加入的文件

创建docker 镜像

运行 docker build -t vue-test-docker .

使用docker images 查看是否创建成功

image.png

运行docker容器

在根目录新建一个./xxx.bat脚本:

@echo off
echo Starting development server...
docker run -it --rm -p 8080:8080 -v "%cd%:/app" vue-test-docker:latest

然后直接在命令行./xxx.bat。愉快的开发吧。这样运行是有热更新的