Skip to content

Детали реализации

Инъекции кода в index.html

Чтобы не раздувать index.html инъекции фрагментов кода в него (Open graph, Google analytics, Splash screen, Service worker) делаются через vite-plugin-html-injection Vite плагин.

Сами фрагменты кода расположены в ./src/utils/injections/ директории. Там же находится конфигурационный файл плагина injection-config.ts.

CSS tricks

В приложении на больших разрешениях применен хак для недопущения прыгания экрана при появлении/исчезновении главного скролбара

css
html {
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%));
}