Предлагается ли удалять файлы .map из сборки, сгенерированной ReactJS?

Question

Я занимаюсь разработкой крупномасштабного приложения в ReactJS и у меня возникла проблема с огромной проблемой размера сборки .

После генерации сборки (Production Mode) в ReactJS я обнаружил, что размер сборки былслишком тяжело, и после исследования я понял, что вы можете удалить карту источника файлов (.map), имея конфигурацию ниже package.json .

 "postbuild": "rimraf build/**/*.map",

Следовательно, размер моей сборки уменьшился на 80%, что делает меня более чем счастливым.

Тем не менее, я все еще сомневаюсь, что вышесказанное является лучшим решением или нет?

Answer 1

Я обнаружил, что в коммерческой реальности наличие исходных карт в любой среде экономит больше времени, чем люди "боятся, что это стоит".

И к этому все сводится.Люди боятся этого.

Что ты все равно запутываешь?плохие практики?небезопасный код?Отсутствие исходных карт не спасет вас там.

Если вы пытаетесь сэкономить на производительности?Они загружаются только тогда, когда открыты devtools, и в этот момент ... о, смотри, у тебя нет исходных карт, как жаль, отладка теперь намного сложнее.

Answer 2

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

Вы можете отключить создание исходной карты во время самой фазы сборки.

Если вы используете самую последнюю версию create-react-app, в вашей webppack.config.prod измените эту строку

const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';

на

const shouldUseSourceMap = false

, и ваши файлы сборки Prod не будут включать исходные карты.

Примечание. Чтобы получить доступ к файлам конфигурации вашего веб-пакета, вы должны были извлечь приложение create-реакции-приложение