在使用Docker时隐藏React start欢迎消息,可以通过以下步骤实现:
.env
的文件。.env
文件中添加以下内容:SKIP_PREFLIGHT_CHECK=true
这将禁用React脚本中的启动欢迎消息。
Dockerfile
的文件。Dockerfile
中添加以下内容:# 基于Node.js镜像构建
FROM node:latest
# 设置工作目录
WORKDIR /app
# 复制package.json和package-lock.json到工作目录
COPY package*.json ./
# 安装项目依赖
RUN npm install
# 复制项目文件到工作目录
COPY . .
# 构建生产环境的React应用
RUN npm run build
# 安装全局的serve模块
RUN npm install -g serve
# 设置容器启动时的命令
CMD ["serve", "-s", "build"]
# 暴露容器的端口
EXPOSE 5000
这个Dockerfile将构建一个基于最新的Node.js镜像的容器,并在容器中安装项目依赖、构建生产环境的React应用,并使用serve模块启动应用。
docker build -t my-react-app .
这将根据Dockerfile构建一个名为my-react-app
的镜像。
docker run -p 5000:5000 my-react-app
这将在本地的5000端口运行my-react-app
镜像的容器。
现在,你可以通过访问http://localhost:5000
来查看隐藏了React start欢迎消息的React应用。
请注意,以上步骤假设你已经安装了Docker,并且在项目中已经配置了React脚本。如果你的项目中没有.env
文件,请确保在项目中正确配置了React脚本,并按照React文档中的说明进行操作。
领取专属 10元无门槛券
手把手带您无忧上云