如何在 create react app 中生成 sourcemaps？

Question

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

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

我也不想弹出

Answer 1

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

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

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

https://facebook.github.io/create-react-app/docs/advanced-configuration

Answer 2

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

这是需要的：

1. 在项目的根目录中创建一个 .env 文件。 （与您的 package.json 相同的文件夹）

2. 在此文件中写入GENERATE_SOURCEMAP=false。

3. Re运行 随心所欲。 react-scripts 未检测到 .env 中的变化。