如何创建 create react 应用的生产版本？

Question

我正在尝试使用 docker 使用快速 js 后端创建用于在线部署 create-react-app 的生产版本。

这是我的 docker 文件：

FROM node:12.18.3
WORKDIR /app
COPY ["package.json", "package-lock.json", "./"]
RUN npm install --production
COPY . .

RUN npm run build

EXPOSE 80
CMD ["npm", "start"]

我正在使用 npm run build，但 React 开发人员工具仍然告诉它是开发版本而不是生产版本。

同样在源代码中，所有项目文件都是可见的，但不应该是可见的：

我尝试在 create-react-app 根目录下的 .env 文件中添加以下语句，但项目文件仍然可见：

GENERATE_SOURCEMAP=false

如果有人能指导我如何解决此问题并创建生产版本，这将很有帮助。

谢谢

Answer 1

<块引用>

npm 运行构建

使用您的应用程序的生产版本创建一个构建目录。在 build/static 目录中将是您的 JavaScript 和 CSS 文件。 build/static 中的每个文件名都将包含文件内容的唯一哈希。文件名中的这个哈希值支持长期缓存技术。

Answer 2

您需要一个像 nginx 这样的网络服务器来提供构建文件夹中的文件。 npm run build 只是创建 build 文件夹，它对运行 npm start 时发生的事情没有任何影响。