如何在 Vercel 上部署的 Next.js (CRA) 應用程序中從瀏覽器中刪除源代碼？

Question

我正在開發一個 Next.js 應用程序（使用 create-react-app），並且我希望我的代碼不會在瀏覽器中看到（瀏覽器 -> 源代碼）。

我設置了環境變量 GENERATE_SOURCEMAP = false 並且在本地這個解決方案非常適合我（開發和構建）。

當我將應用程序部署到 Vercel 托管並設置環境變量時，該解決方案不起作用，即。 我的代碼在瀏覽器中可見。

我認為 Vercel 用“”包裝了所有環境變量，所以這可能是導致問題的原因。

如何解決這個問題呢？

Answer 1

問題是因為哨兵。 只需要添加

哨兵：{ hideSourceMaps：真 }

在 next.config.js 中。