Javascript - Скрыть исходные файлы из консоли Chrome

Question

Я сам новичок в разработке Javascript.В последнее время я работаю над веб-приложением с использованием React и ExpressJS.Express доставит статические связанные (с использованием Parcel) файлы на интерфейсной странице React.Организация кода выглядит примерно так:

> dist\    
>     [static files here] 
> node_modules \ 
> src \
>     client\
>        compontents\       
>        index.html
>        index.js
>     server\
>       models\
>       routes\
>       index.js

Процесс сборки работает нормально, и я получаю отлично работающее веб-приложение.Проблема в том, что инструмент разработчика исходного кода Google Chrome предоставляет весь мой исходный код для клиента. Открытые файлы исходного кода

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

Answer 1

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

Answer 2

Наконец-то понял.Я должен был включить --no-source-maps в команду сборки участка

parcel build ./src/client/index.html --no-source-maps

Answer 3

Есть способ отключить проверку элемента на вашем сайте.

$(document).bind("contextmenu",function(e) { e.preventDefault(); });

Функциональная клавиша F12, которая непосредственно проверяет элемент из браузера, мы можем отключить его с помощью кода ниже:

$(document).keydown(function(e){
if(e.which === 123){
   return false;
}
});