JavaScript React 在源選項卡中隱藏源文件

Question

我最近開發了一個網站，它是 NodeJs（在 Ubuntu 上）並運行一個 React 應用程序。 例如，問題出在 Chrome 上； 當您右鍵單擊網站並檢查源時，您可以看到源代碼和所有文件。 我想隱藏所有這些。

在本節中，我想隱藏服務器中的源代碼（文件）。

我在互聯網上嘗試了幾種解決方案，但都沒有奏效。

例如，

我在package.json添加了"build": "GENERATE_SOURCEMAP=false react-scripts build",然后我確實運行了pm2 reload （還有 yarn build 等）

我創建了一個名為.env的文件，並在其中添加了這一行GENERATE_SOURCEMAP=false 。

他們都沒有工作。 我的網站目前處於活動狀態，我想隱藏源文件，如何從源選項卡中隱藏這些源文件，以便人們看不到源代碼？

Answer 1

經過長時間的研究，我找到了解決方案。

1. 在您的項目中創建一個名為.env的文件。 該文件的名稱只是.env 。
2. 在該.env文件中放置這一行GENERATE_SOURCEMAP=false並保存。
3. 然后，運行npm run build或yarn build 。
4. 這將生成一個用於生產的build文件夾。 之后，取決於你使用的是什么，運行這個構建文件來運行網站。 例如，我使用pm2我的Ubuntu的服務器上，所以我用pm2 serve build 3000 --spa （我的網站在端口3000上運行），另外要小心你是在用相同的路徑build文件夾。

就是這樣。 現在所有的源代碼文件都消失了，網站工作起來就像一個魅力。