React 源代码可见

您是否知道，当您将使用 𝗰𝗿𝗲𝗮𝘁𝗲-𝗿𝗲𝗮𝗰𝘁-𝗮𝗽𝗽 或您自己的 webpack 配置创建的 React 应用程序部署到 Netlify、Vercel、Heroku 等实时网站时，您的整个源代码对所有人开放，可从开发人员工具栏的“源”选项卡中看到，如本帖截图所示。

这不是 𝗰𝗿𝗲𝗮𝘁𝗲-𝗿𝗲𝗮𝗰𝘁-𝗮𝗽𝗽 的问题，但由于源映射，所有源代码都是添加的

😲😲😲

但如果它是一个私人存储库或者您正在处理客户项目，您肯定不希望每个人都看到您的整个源代码。

有一个简单的方法可以解决这个问题。

在项目文件夹中创建一个名为 .env 的文件，其中包含以下代码

GENERATE_SOURCEMAP=false

因此，当您从终端运行𝗻𝗽𝗺 𝗿𝘂𝗻 𝗯𝘂𝗶𝗹𝗱或𝘆𝗮𝗿𝗻 𝗿𝘂𝗻 𝗯𝘂𝗶𝗹𝗱命令时，

它将生成一个 𝗯𝘂𝗶𝗹𝗱 文件夹，其中包含可部署到生产环境中的最小化文件（没有源映射）。

欢迎通过X  、Instagram、Github或Youtube与我联系。

感谢您的阅读。请点赞鼓励我，并在社交媒体上分享这篇文章，表达您的支持。