Текст файла в Vite
Текст файла импортируют с суффиксом ?raw, и в коде оказывается строка, а не адрес.
Пусть на экране будет ровно то, что лежит в файле без разметки. Создадим простой текст с одним словом:
hello
К пути добавим
суффикс
?raw
и передадим результат
в текст страницы:
import banner from './copy/hello.txt?raw';
document.body.textContent = banner;
На сервере разработки
Vite отдаёт модуль,
где экспорт
это строка с переносами
из файла.
Откроем
http://localhost:5173
и увидим слово
hello
без кавычек
и без лишних тегов.
После сборки
текст остаётся
внутри JavaScript,
а не отдельным файлом
на хостинге,
если строка короткая.
Создайте src/notes/ready.txt с одной строкой ready и выведите её на странице через импорт с суффиксом ?raw.
Добавьте во вторую строку файла src/notes/ready.txt слово done, сохраните файл и проверьте, что на экране видны обе строки с переносом.