如何在创建反应应用程序中生成源地图？答案

【问题标题】：How to generate sourcemaps in create react app?如何在创建反应应用程序中生成源地图？
【发布时间】：2019-09-18 03:11:37
【问题描述】：

我想知道如何在 create-react-app 中生成源映射？他们是隐含地完成的吗？他们住在构建文件夹中吗

我已经阅读了很多关于它们是使用 webpack 生成的，但我的应用程序没有使用它，所以我想知道如果没有 webpack 我如何做到这一点？

我也不想弹出

【问题讨论】：

create-react-app 我相信预装了 webpack。无论哪种方式，它肯定会在构建文件夹中生成源映射。
@RobinZigmond 谢谢。我对将这些上传到生产环境持谨慎态度，所以每次进行更改时都需要重新生成它们吗？
我不是专家（实际上只是在周末第一次构建/部署了一个 CRA 应用程序），但您每次需要新的生产版本时都运行构建脚本。如果您不希望它们在生产中使用，我想您只需在部署之前将它们删除即可。
@RedBaron - 我也有同样的问题，你找到解决方案了吗？

【解决方案1】：

根据 CRA 文档，源映射默认在生产模式下生成。

但是，您可以通过运行 GENERATE_SOURCEMAP=false ./node_modules/.bin/react-scripts build 禁用此行为（在生产模式下生成源映射），或者如果您希望此行为永久存在，请执行以下解决方案之一：

在您的 .env 文件中设置 GENERATE_SOURCEMAP=false。
修改 package.json 中的脚本并将"build": "react-scripts build" 替换为"build": "GENERATE_SOURCEMAP=false react-scripts build"

【讨论】：

2.* in (2) on windows 我会像这样添加 && ： "scripts": { "build": "set GENERATE_SOURCEMAP=false && react-scripts build" }

【解决方案2】：

你真的可以set GENERATE_SOURCEMAP=false for windows，就像@3b3ziz 说的那样。但是，要跨不同操作系统运行脚本，最好遵循Advanced Configuration Chapter in official document。

这是需要的：

【讨论】：