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

标签 reactjs create-react-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/并期望通过开发工具获取我的文件,但我仍然看到以下内容:

enter image description here

我的文件仍然暴露。

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

最佳答案

您需要删除源映射。

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

关于reactjs - 如何使用 docker + React-create-app 获得生产版本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58701453/

相关文章:

jquery - Bootstrap 日期选择器无法与 Webpack 一起使用

css - 使用 React 过渡组保持元素对齐

reactjs - React Native-创建单例模式的最佳方式

reactjs - 如何在 create-react-app 项目中为 lodash 执行 Tree Shaking?

javascript - 如何在同一页面的多个位置使用同一个 React 应用程序?

reactjs - npx create-react-app 在 big sur 上执行 yarnpkg 时失败

reactjs - 将属性附加到用 React.forwardRef 包装的功能组件

html - 如何为不同的屏幕 ReactJS 设置不同的背景

reactjs - React bulma 组件导入不起作用

reactjs - 如何提供 `babel-preset-react-app` 环境变量?