如何使用 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/ 并期待通过开发工具获取我的文件,我仍然看到以下内容:
我的文件仍然暴露。
我错过了什么?认为生产构建不会显示所有内容?
您需要删除源映射。
We can now disable sourcemap with putting below setting in a .env
file (at the root of the project):
GENERATE_SOURCEMAP=false
我有一个 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/ 并期待通过开发工具获取我的文件,我仍然看到以下内容:
我的文件仍然暴露。
我错过了什么?认为生产构建不会显示所有内容?
您需要删除源映射。
We can now disable sourcemap with putting below setting in a
.env
file (at the root of the project):GENERATE_SOURCEMAP=false