Команда npm run-script build (производственная сборка), показывает исходный код в браузере в React JS

Question

Я новичок в разработке React JS, и я создал свое приложение React с помощью команды npm create-react-app.Когда я закончил свою разработку и собрал код приложения с npm run script, это создало новую папку сборки, которую я затем развернул на своем сервере.

Проблема заключается в следующем: после развертывания, если я открываю свойвеб-сайт в Chrome и инструменты разработчика

Answer 1

вы используете devtool: 'source-map' в своем веб-пакете, поэтому удалите devtool: 'source-map' из вашего файла.Вы можете взять ссылку от https://webpack.js.org/guides/production/

Answer 2

, чтобы избежать отображения исходного кода в окне инспектора браузера, вам необходимо отключить флаг GENERATE_SOURCEMAP, для этого просто обновите команду сценария сборки package.json следующим образом

scripts: {
  "build": "GENERATE_SOURCEMAP=false react-scripts build"
}

Ref: github -> https://github.com/facebook/create-react-app/issues/4162#issuecomment-373658997

Answer 3

React - это библиотека, облегчающая разработку вашего пользовательского интерфейса для вашего сайта.Он написан на JavaScript, и JavaScript по умолчанию выполняется на стороне клиента .т.е. в вашем браузере .Код, который выполняется на стороне клиента, можно просмотреть в браузере по умолчанию .Это верно, независимо от того, какую клиентскую среду вы выберете , будь то React, Backbone и т. Д. Если вы не хотите, чтобы другие видели ваш код в браузере, я бы рассмотрел разработку вашего пользовательского интерфейса сс серверным механизмом шаблонов.С учетом вышесказанного, вы можете запутать свой JavaScript, если вас это сильно беспокоит, поэтому другим будет сложнее увидеть, что вы делаете.Вот ссылка на JavaScript-инструмент для запутывания , который вы можете использовать.

Надеюсь, это поможет!