Reactjs: Как скрыть модули узлов и веб-конфигурацию в devtools в производственном приложении? - PullRequest
0 голосов
/ 11 июня 2018

Я создал приложение React.js, работающее npx create-react-app my-app, и я не хочу, чтобы весь проект был доступен в devtools в рабочем режиме.

Как отключить или скрыть модули узлови webconfig во вкладке источников (devtools)?

Я проверил в другом развернутом приложении реакции, которое не показывает статическую папку или весь проект;Как мне добиться того же?

Ниже приведен снимок экрана с консоли вкладки «Источники» моего браузера, показывающий некоторые каталоги, которые я хотел бы скрыть для публики;

devtool image

Ответы [ 3 ]

0 голосов
/ 11 июня 2018

Вы видите свой полный код в devtools из-за файлов с исходным сопоставлением.Это отличный способ отладки вашего кода в разработке или даже для некоторых людей в производственном режиме.

Без исходных карт, когда возникает ошибка, вы не можете легко найти источник этой ошибки в ваших связанных файлах,Если вы не хотите, чтобы ваш код был таким, как этот, вы можете просто удалить файлы после сборки.Удалите файлы .map в ваших папках static / css и static / js.Таким образом, вы можете скрыть свой исходный код.Но в комплекте всегда находятся файлы .js и .css.Спрятать их невозможно, так как это внешний интерфейс.

Как сказано в комментариях, если ваша проблема действительно связана с безопасностью, вы не можете сделать это на внешнем интерфейсе.Ваш код всегда будет виден, по крайней мере, его уменьшенный и увеличенный, но он будет.Так что делайте свои вещи по безопасности в бэкэнде.

0 голосов
/ 26 июля 2018
GENERATE_SOURCEMAP=false react-scripts build

это не будет генерировать файлы исходных карт (.map) в окончательной сборке.

0 голосов
/ 11 июня 2018

Когда вы запускаете npm run build, веб-пакет объединяет все ваши js-файлы в один основной js-файл.Ваши файлы разработки, т. Е. Реагирующий код в es6, не будут доступны в папке build после производственной сборки.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...