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

How to get a production build with docker + react-create-app?

我有一个 React 应用程序,一段时间后我设法用 docker 构建了它。 这里的一切都是在我的本地机器上完成的(windows 10 pro)。

我有以下 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/ 并期待通过开发工具获取我的文件,我仍然看到以下内容:

我的文件仍然暴露。

我错过了什么?认为生产构建不会显示所有内容?

您需要删除源映射。

From this github issue

We can now disable sourcemap with putting below setting in a .env file (at the root of the project): GENERATE_SOURCEMAP=false