В дефолтном svelte проекте в main.ts естьimport './app.css' .

Question

В дефолтном svelte проекте в main.ts естьimport './app.css' .

Последний раз я трогал фронтенд почти 15 лет назад в времена jquery и mongoose.js и тогда импортировать CSS в JS точно было нельзя. Пытаюсь найти доку что это и как, но что-то все мимо.

Импорт ресурсов прям в js как работает? Где они потом оказываются? Это браузер нативно так работает или какой-то препроцессор собирает страницу?

main.ts из вопроса подключен как <script type="module" src="/src/main.ts"></script> про это удалось найти чуть больше (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) но и там нет про импорт css

#frontend #programming #russian

0

09.10.2023

9 ответов

16 просмотров

Andrew

https://vitejs.dev/guide/features.html#css

0

09.10.2023

Mike Wazowski Автор вопроса

Andrew
Свелт не напрямую в браузере работает, он собирает...

да, я использовал vite со svelte шаблоном. В бразуере npm run dev в devtools так и осталось import "/src/app.css"; и CSS очевидно применился т.к. страница не выглядит дефолтной. Т.е. это должно быть фича браузера/языка

0

09.10.2023

Иван Музыка

это vitejs

0

09.10.2023

Иван Музыка

Mike Wazowski
да, я использовал vite со svelte шаблоном. В бразу...

это фича сборщика

0

09.10.2023

Dlazder

Ну если мы импортируем картинку например, а потом указываем ее в src, тогда у нас просто переносится путь до нее, по идее так

0

10.10.2023

Mike Wazowski Автор вопроса

Иван Музыка
это фича сборщика

да, попробовал просто голым html + js и сервером статики - не работает. Нашел в доке откуда эта магия: https://vitejs.dev/guide/features.html#css непонятно только почему это в main.ts в дефолтном проекте: - если css классы используются в App.svelte то App.svelte и должен импортировать их - если не используются и просто переопределяют дефолты браузера для карсоты, то подключить через <link rel="stylesheet"> в index.html выглядит логичнее

0

10.10.2023

Иван Музыка

Mike Wazowski
да, попробовал просто голым html + js и сервером с...

тебе бы css подучить

0

10.10.2023

Mike Wazowski Автор вопроса

Иван Музыка
тебе бы css подучить

что не так?

0

10.10.2023