Gatsby.js - отличный инструмент для создания статических сайтов с использованием React. Кроме того, он использует принципы прогрессивных веб-приложений, чтобы сделать их невероятно быстрыми. Я создавал свой первый статический веб-сайт, используя версию 2, и столкнулся с проблемой исходных карт.
Исходные карты могут быть отличными. Они помогают вам отлаживать код в удобочитаемой форме. Но иногда они просто не нужны в производстве. Я не буду судить, нужны они вам или нет, но я дам вам инструменты, чтобы отключить их.
По умолчанию Gatsby включает исходные карты для производственных сборок. Чтобы отключить их, нам нужно предоставить Gatsby настраиваемую конфигурацию Webpack. В вашем gatsby-node.js файле в корневом каталоге вашего проекта добавьте следующий фрагмент:
Обратите внимание, что вы должны удалить папку /public/ перед запуском этапа сборки, если вы ранее запускали его с включенными исходными картами.
На этапе сборки не удаляется общая папка перед созданием новых файлов. Мы делаем это, чтобы сократить время сборки для повторных сборок (например, изображения не нужно повторно создавать каждый раз). - «» Джейсон Ленгсторф, адвокат разработчиков Gatsby
Если у вас не настроен процесс непрерывного развертывания (например, через Netlify), вы можете изменить свой сценарий сборки, чтобы удалить папку /public/ перед запуском сборки, например: rm -rf public && gatsby build.
Чтобы продолжить обучение:
