Create-response-app 显示了我在生产环境中的所有代码，如何隐藏它？

showing_all_files

在我的铬源标签，我能够查看我的所有文件的确切文件夹位置。我怎么能把他们藏起来？

这些都不是我以前的项目中的问题，它们是在没有使用 create-response-app 的情况下完成的。

47619 次浏览
小开
最佳答案

这似乎是正确的行为在创建反应应用程序根据 第1632期。

盖伦:

您可以从生成输出中删除. map 文件，如果 你想禁用它，虽然你会得到控制台警告 他们失踪了。

在我看来，把它们留在客户端代码中没有什么坏处 已经可用于用户的机器，所以没有秘密 它。

还要确保您有正确的生产构建，npm run build/yarn build的输出应该部署到您的服务器上。

如果要完全禁用源映射的生成，请使用:

scripts: {
"build": "GENERATE_SOURCEMAP=false react-scripts build"
}

您还可以通过 .env配置文件指定 GENERATE_SOURCEMAP=false参数，或者在普通控制台命令 GENERATE_SOURCEMAP=false react-scripts build中使用。

小开

在上传到生产服务器之前，删除所有的. map 文件(来自 js/和 css/文件夹)

小开

或者您可以在 linux/mac 上使用 GENERATE_SOURCEMAP=false react-scripts build

小开

在 package.json文件中进行此更改，就可以开始了。

scripts: {
"build": "GENERATE_SOURCEMAP=false react-scripts build"
}
小开

在 包裹 Json中(Windows)

"scripts": {
...
"cleanBuild": "rimraf ./build/*",
"build": "npm run cleanBuild && set \"GENERATE_SOURCEMAP=false\" && react-scripts build ",
...
}
小开

以下是隐藏代码的三种方法。

1. 使用 .env文件。

GENERATE_SOURCEMAP=false

enter image description here

2. 使用 command线。

GENERATE_SOURCEMAP=false react-scripts build

3. 使用 package.json

scripts: {
"build": "GENERATE_SOURCEMAP=false react-scripts build"
}
小开

在橱窗机器上，这个帮助了我

"build": "set 'GENERATE_SOURCEMAP=false' && react-scripts build",

如果您正在使用 react-app-rewired，您可以尝试以下内容。

我已经使用了一个称为 cross-env的包。它可以注入您的环境变量。

"build": "cross-env GENERATE_SOURCEMAP=false react-app-rewired build"
小开

在 package.json 中放入以下代码

scripts: {"build": "GENERATE_SOURCEMAP=false react-scripts build"}

更多信息请关注这个博客

小开

我找到了一个非常简单的解决办法:

npm run build nosources-source-map

有关不同方式的更多信息: 这是 链接

小开

您不能删除对代码的访问。 您可以使用 https://obfuscator.io为黑客或代码窃取者提供头哈希。

小开

在 Windows 上，使用 package.json:

scripts: { "build": "set 'GENERATE_SOURCEMAP=false' react-scripts build" }

小开

对于那些试图添加变量但仍然生成地图文件的用户:

重要的是要知道

the build command for windows users should be this:

 "build": "set \"GENERATE_SOURCEMAP=false\" && react-scripts build"

正如@Gangula 在评论中所说。

如果没有-它可以导致地图文件将被生成。

参见 给你


提交答案