Как сконфигурировать алиасы для html в Vite?

Сейчас ситуация такая: я пытаюсь настроить алиасы и пытаюсь использовать внутри html, но похоже они по умолчанию не работают для html файлов. При попытке использовать алиас в js или scss путь в браузере изменяется (хотя бывает не всегда), но в html появляется ошибка с неизменённым путём `localhost/@/scripts/about.js`.

По вводным: пример в src/pages/about.html

<h2>Body of About</h2> <script type="module" src="@/scripts/about.js"></script>

По вводным: ещё пример с src/js/main.js

import 'the-new-css-reset/css/reset.css'; import '@/styles/style.css'; document.querySelector('#app').innerHTML = '<h1>11</h1>';

Проект без фреймворков.

Моя структура папок: