Как перестать выставлять исходный код реакции в инструментах разработчика браузера?

Question

Я занимаюсь разработкой проекта в ASP.NET Core и React. В ходе тестирования я столкнулся с одной большой проблемой безопасности. Исходные файлы реагируют на инструменты разработчика Google. Я попытался удалить исходные карты веб-пакетов , но эта вещь не сработала для меня, и причина в том, что они не упомянули, в какой папке веб-пакета нужно внести изменения, поскольку есть 6 папок, содержащих веб-пакет. Я новичок в этом стеке и не понимаю, как бороться с этим недостатком. Как я могу решить эту проблему?

Answer 1

Это очень легко и возможно скрыть полный исходный код, который становится доступным для конечного пользователя в инструментах разработчика. Вам необходимо обновить файл package.json из папки ClientApp.

Перед обновлением

    "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",    //UPDATE THIS LINE
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
    }

Вам необходимо использовать следующий код вместо вышеуказанного кода:

После обновления

    "scripts": {
    "start": "react-scripts start",
    "build": "rimraf ./build && react-scripts build && rimraf ./build/**/*.map",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
    }

Вышеупомянутый код работал для меня. Эта ветка помогла мне в достижении моей цели. Для более подробной информации вы также можете проверить это.

Answer 2

Вы никогда не сможете скрыть свой код в браузере. Лучшее, что вы можете сделать, это запутать ваш код. Вот очень полезное видео, которое объясняет вашу озабоченность: https://www.youtube.com/watch?v=hOtZhNb4TKg
Кроме того, используйте это в качестве справочного материала: https://reactjs.org/docs/optimizing-performance.html#use-the-production-build

Суть вышеприведенного видео заключается в том, чтобы сохранить свою бизнес-логику и секреты насервер, который всегда в безопасности.