如何在create React app中生成sourcemap？

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所说。不过，要跨不同操作系统运行脚本，最好遵循官方文档中的高级配置章节。

这是需要的：

1. 在项目根目录中创建一个

   .env

   文件。 （与您的

   package.json

   同一文件夹）

   

2. 在此文件中写入

   GENERATE_SOURCEMAP=false

   。

3. 重新运行您需要的任何内容。

   react-scripts

   未检测到

   .env

   的变化。

Answer 3

如果您使用 CRA，只需将以下内容添加到您的 package.json

"scripts": { 
    "build": "set  \"GENERATE_SOURCEMAP=true\" && react-scripts build" 
  }