如何使用docker + react-create-app获得生产版本?

时间:2019-11-04 21:38:25

标签: reactjs react-create-app

我有一个React应用,经过一段时间后,我设法用docker构建了。 此处的所有操作均在我的本地计算机上完成(Windows 10专业版)。

我有以下docker文件:

# build environment
FROM node:12.13.0-alpine as build
WORKDIR /app
# ENV PATH /app/node_modules/.bin:$PATH
COPY package.json yarn.lock ./
RUN npm install --silent
COPY . /app
RUN npm run build

# production environment
FROM nginx:1.16.0-alpine
COPY --from=build /app/build /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

对此我仍然是陌生的,我可能是错的,但是在通过以下方式构建之后:

docker build . -t myapp

并运行它:

docker run -p 8080:80 myapp

访问http://localhost:8080/并通过开发工具期待我的文件时,我仍然看到以下内容:

enter image description here

我的文件仍然暴露。

我想念什么?以为生产版本不会显示所有内容?

1 个答案:

答案 0 :(得分:2)

您需要删除源地图。

From this github issue

  

我们现在可以通过在.env文件(位于项目的根目录)中放置以下设置来禁用源地图:       GENERATE_SOURCEMAP=false