如何在React应用程序的生产部署期间删除源文件

Question

我正在尝试使用react部署应用程序构建，我想知道在推向生产阶段时需要采取的所有安全措施。

我运行了npm run build命令，并得到了如下所示的构建文件夹结构。

然后我将此构建文件夹部署到生产站点，并且从浏览器控制台中可以看到我的源文件也存在，如以下屏幕截图所示。

我如何从生产中删除这些源文件，以便用户看不到我的源代码，而他们只会看到缩小的文件？

在部署到生产环境之前应采取什么安全措施？

Answer 1

查看您的webpack配置（在package.json中）以 删除或注释掉该行：

 devtool: 'source-map',

https://webpack.js.org/configuration/devtool/上的更多选项

Answer 2

从

更改package.json中的这一行

"build": "react-scripts build",

到

"build": "GENERATE_SOURCEMAP=false react-scripts build",

Answer 3

您必须从构建中删除.map文件。 为此，您只需要：

1. 在package.json的同一文件夹中创建一个文件.env
2. 将此内容添加到.env文件中：GENERATE_SOURCEMAP = false

仅此而已！ 为我工作！