Lazy load sentry only on errors

[paskal]

Credit:
https://www.voorhoede.nl/en/blog/load-sentry-asynchronously-only-on-error/

Resolves #202.

[cloudflare-workers-and-pages]

Deploying radio-t-site with    Cloudflare Pages

Latest commit:	63efc2a
Status:	✅  Deploy successful!
Preview URL:	https://14543948.radio-t-site.pages.dev
Branch Preview URL:	https://paskal-lazy-load-sentry.radio-t-site.pages.dev

View logs

[github-actions]

Site Build Comparison

Build completed at: 2024-11-09 20:38:57 UTC

Changed files:

- Modified: `build/vendor.js`
- Modified: `build/manifest.js`
- New: `build/vendor~sentry.js`
- Modified: `build/app.js`

View full changes diff

[akellbl4]

Разница в размере файлов в бандле настораживает

[akellbl4]

Подозреваю что проблема может быть в настройках бандлера и его версии. Старые версии webpack не очень хорошо поддерживают сплит по чанкам при использовании асинхронных импортов.

[github-actions]

size-limit report 📦

Path	Size
static/build/app.js	19.59 KB (+2.34% 🔺)
static/build/manifest.js	1.48 KB (+79.53% 🔺)
static/build/vendor.js	104.64 KB (-17.01% 🔽)
static/build/app.css	7.24 KB (0%)
static/build/app-dark.css	7.29 KB (0%)
static/build/vendor.css	5.97 KB (0%)
static/build/vendor-dark.css	6.01 KB (0%)
static/build/vendor~sentry.js	104.89 KB (+100% 🔺)

[akellbl4]

@paskal size-limit job выходит с error 1, при этом в отчете все проверки passed. Поэтому можно на него не смотреть.

• добавил отдельный чанк
• обновил лимиты (скорее всего размер увеличился после обновлений)
• починил quicklink (после обновления на новую версию нужно было обновить код)
• поправил ридми

[paskal]

Проблема вот тут:

  {
    "name": "static/build/app.js",
    "passed": false,
    "size": 20060
  },
  {
    "name": "static/build/manifest.js",
    "passed": false,
    "size": 1517
  },
  {
    "name": "static/build/vendor.js",
    "passed": false,
    "size": 107153
  },
  {
    "name": "static/build/vendor~sentry.js",
    "passed": false,
    "size": 107409
  },

Нужно повысить лимиты