gifon

Попробуй так

app.use(function (req, res) {
          res.writeHead(200, {
            'Content-Encoding': 'brotli';
          })
  res.sendFile(path.join(__dirname, "../", "prerendered", "index.html.br"));
});

Заголовок не должен следовать за данными!

Inline Parameters for VSCode добавляет аннотации встроенных параметров при вызове функции, как в JetBrains.

Две раздельные папки в одном репозитории.
Не стоит собирать их одним вебпаком

Монорепозиторий

И да, как сказал Василий, не надо вебпаком оптимизировать это всё, вернее, сервер не надо. Он в браузере не запускается, так что ему наплевать на свой размер бандла, да и на всякие Internet Explorer'ы ему тоже наплевать.

В каком-ниюудь модуле укажи:

declare global {
  const VUE_APP_WS_URL: string | undefined;
}

В тайпскрит всё должно быть типизированнно. Ты не можешь просто с потолка брать какие-то переменные.

Та примерно так же

https://v3.vuejs.org/guide/instance.html#lifecycle...

Все не так.
https://webpack.js.org/concepts/plugins/

document.querySelector('style').innerText

Файловая система из браузера не доступна.