Вопросы на собеседовании Vite

Задание 1

Что такое Vite и для чего он используется?

Задание 2

В чём разница между Vite и Webpack?

Задание 3

В чём разница между Vite и Create React App / Vue CLI?

Задание 4

Как работает Vite? В чём его основная идея?

Задание 5

Что такое нативный ES Modules в Vite?

Задание 6

Какие преимущества даёт использование нативных ES модулей?

Задание 7

Что такое горячая замена модулей HMR в Vite?

Задание 8

В чём разница между HMR в Vite и в Webpack?

Задание 9

Что такое предварительное сборка зависимостей в Vite?

Задание 10

Как работает предварительная сборка зависимостей в Vite?

Задание 11

Что такое vite.config.js и какие настройки там можно задать?

Задание 12

Что такое defineConfig в Vite?

Задание 13

Как настроить алиасы в Vite?

Задание 14

Что такое resolve.alias в Vite?

Задание 15

Как настроить прокси в Vite?

Задание 16

Что такое server.proxy в Vite?

Задание 17

Что такое плагины в Vite?

Задание 18

Какие плагины для Vite вы знаете?

Задание 19

Как создать свой плагин для Vite?

Задание 20

Что такое vite-plugin-react и @vitejs/plugin-react?

Задание 21

Что такое @vitejs/plugin-vue?

Задание 22

Что такое vite-plugin-vue-jsx?

Задание 23

Что такое vite-plugin-svgr?

Задание 24

Что такое vite-plugin-pwa?

Задание 25

Что такое vite-plugin-dts?

Задание 26

Что такое vite-tsconfig-paths?

Задание 27

Что такое vite-plugin-environment?

Задание 28

Как использовать TypeScript с Vite?

Задание 29

Как использовать React с Vite?

Задание 30

Как использовать Vue с Vite?

Задание 31

Как использовать Svelte с Vite?

Задание 32

Как использовать Solid с Vite?

Задание 33

Как использовать Preact с Vite?

Задание 34

Что такое окружения в Vite?

Задание 35

Как использовать переменные окружения в Vite?

Задание 36

В чём разница между env и import.meta.env в Vite?

Задание 37

Что такое import.meta.env.VITE_* в Vite?

Задание 38

Как работать с CSS в Vite?

Задание 39

Поддерживает ли Vite CSS Modules?

Задание 40

Поддерживает ли Vite Sass / SCSS / Less?

Задание 41

Как использовать PostCSS с Vite?

Задание 42

Как использовать Tailwind CSS с Vite?

Задание 43

Что такое статические ресурсы в Vite?

Задание 44

Как импортировать изображения в Vite?

Задание 45

Как импортировать JSON в Vite?

Задание 46

Что такое публичная директория в Vite?

Задание 47

Что такое сборка в Vite?

Задание 48

Что такое vite build?

Задание 49

Что такое vite preview?

Задание 50

Что такое build.rollupOptions в Vite?

Задание 51

Что такое код-сплиттинг в Vite?

Задание 52

Как работает код-сплиттинг в Vite?

Задание 53

Что такое Tree Shaking в Vite?

Задание 54

Что такое минификация в Vite?

Задание 55

Что такое build.minify в Vite?

Задание 56

Что такое Source Maps в Vite?

Задание 57

Что такое оптимизация сборки в Vite?

Задание 58

Как оптимизировать производительность Vite?

Задание 59

Что такое библиотечный режим в Vite?

Задание 60

Как собрать библиотеку с Vite?

Задание 61

Что такое build.lib в Vite?

Задание 62

Что такое SSR в Vite?

Задание 63

Поддерживает ли Vite серверный рендеринг?

Задание 64

Что такое тестирование в Vite?

Задание 65

Что такое Vitest и как он связан с Vite?

Задание 66

Как использовать Vitest с Vite?

Задание 67

Какие best practices в Vite вы знаете?

Задание 68

Как правильно структурировать Vite проект?

Задание 69

Как деплоить Vite приложение?

Задание 70

Как развернуть Vite приложение на Vercel?

Задание 71

Как развернуть Vite приложение на Netlify?

Задание 72

Как развернуть Vite приложение на GitHub Pages?

Задание 73

В чём разница между Vite 2, Vite 3 и Vite 4?

Задание 74

Что нового в Vite 4?

Задание 75

Что нового в Vite 5?

Задание 76

Что такое Rolldown в Vite?

Задание 77

Что такое Oxc в Vite?