我最近在使用 React 開發(fā)時(shí)遇到的問題是,當(dāng)我打開控制臺進(jìn)行檢查,然后導(dǎo)航到“源”選項(xiàng)卡時(shí),我看到可以看到所有網(wǎng)站代碼。您只需打開控制臺即可輕松查看所有網(wǎng)站代碼。為了防止這種情況,我做了一些研究,并提出了一個(gè)非常簡單的解決方案,只需要幾分鐘就可以完成。
在本文中,我將解釋如何在 React 中隱藏我網(wǎng)站的源代碼。
只需導(dǎo)航到您的 package.json 文件并在腳本中找到構(gòu)建標(biāo)記,如果它之前沒有更改,則其默認(rèn)值如下所示:
只需更改它,如下所示:
此處的最后一步只是在運(yùn)行應(yīng)用程序并運(yùn)行以下命令時(shí)關(guān)閉本地主機(jī):
npm run build
運(yùn)行命令并構(gòu)建應(yīng)用程序后,請繼續(xù)檢查運(yùn)行應(yīng)用程序的本地主機(jī),打開控制臺并導(dǎo)航到源代碼,您將看到?jīng)]有源代碼,只有一個(gè)簡單的JavaScript文件。