Привет, пишу с обратной связью по данному видео. Ммм как бы так сказать. Суть ролика по названию это Vite-он же сборщик проектов. Но в ролике 80/20 React/Vite. То что вы установили sass в проект на React это как бы и Webpack делает так же быстро и легко. А вероятнее всего нужно было рассказать именно о том как native code собирать. Но в любом случаем респект. Так как стараешься делится знаниями с начинающими. 🫡
vite подходит для небольших проектов, вроде сайтиков на несколько страниц или лендинга, но что делать SEO? Ведь как правило таким сайтикам оно нужно. Vite же рассчитан на рендер из JS. Я собрал сборку vite + pug который мне генерит статические html, но она с нюансами))
Так же некоторые рекомендуют вите как альтернативу реактовскому cra, тоже из за скорости, да и cra был создан в 2016 году, все таки требования к приложениям уже другие сегодня
Если у тебя vite.config, то там можно добавить свойство server и туда прокинуть порт. Если rollup надо смотреть. stackoverflow.com/questions/71763113/how-to-change-vite-application-port Если ты уже так поробовал, возможно у тебя порт 3000 на компе занят.
Такой момент в Vite, сами прописываются пути, так например все картинки и пр. кидаются в одну папку assets, в доке нет примером настройки assets, только 3 строки что можно настраивать. Из за этого использовать vite невозможно т.к просто нужно чтобы 200 картинок скопировались с сохранением иерархии папок, SVG в svg паке, фафиконы отдельно и т.д. В общем мрак.
@@alexeismirnov7400 да тут в билде есть но не пояснили куда и зачем есть папка "public" туда кидаем любые файлы и папки Вит просто копирует все из "public" в корень билда. При этом в любом режиме путь к картинке или файлу указываем без "public" - иначе в билде будет висеть лишняя папка. Единственное что оптимизация картинок и конвертер не даются , там какой то тёмный лес и пока галпом картинки обрабатываю. В целом vite кривой , из-за того что нет нормальной доки. Тут доку писали из детского сада . Гайдов тоже нет . нужно смотреть англ контент, но и там не оч. Так же многокрасочность кривая - нужно указывать все станицы в ручную == бред. В вит концепция приложений от эйпл - юзай на уровне макака-камень и захлопнись. Но сук он быстрый и приходится терпеть.
На боевом проекте на небольшом приложении есть необходимость запускать сборку не локально, а на сервере в режиме --watch, чтоб делать небольшие правки и видеть изменения. Так вот webpack 4 пересобирает в 4-5 раз быстрее на тех же файлах, чем vite. Поэтому отказались от vite. Так что у меня двойственное впечатление. Вроде vite в dev режиме быстр, но опять же не гибок в настройках, для классических сайтов ну вообще не подходит, в watch режиме адски тупит, также в watch режиме невозможно настроить source map на стили. Как то так...
Для больших проектов, которым нужна гибкая настройка, Vite не подходит. Пробовал. Думаю, лучшей функциональности, бóльших возможностей и гибкости чем у Webpack нет. Например, сгенерить runtime, разбить на чанки или настроить index.html так же хорошо, как это делает Wepback не выйдет. Конфиги или неполные, или их попросту нет для той или иной вещи. Или ещё, если нужна legacy сборка, то единственный вариант использовать их плагин, в котором даже нельзя указать теймплейт - всё сгенерится в одну конкретную директорию с фиксированным наименованием. Смотрел исходный код этого плагина, по этому моменту всё было захардкожено. А так, для небольших сайтиков или приложений годится.
Спасибо за краткий обзор! Теперь слова «начать проект с vite» не пугают, а наоборот))
Отличный ролик, наглядно показывающий преимущество Vite над другими бандлерами :)
❤
Топовые видосы по разработке, принимай нового подписчика в банду)
Конечно, всем рад👍
Привет, пишу с обратной связью по данному видео. Ммм как бы так сказать. Суть ролика по названию это Vite-он же сборщик проектов. Но в ролике 80/20 React/Vite. То что вы установили sass в проект на React это как бы и Webpack делает так же быстро и легко. А вероятнее всего нужно было рассказать именно о том как native code собирать. Но в любом случаем респект. Так как стараешься делится знаниями с начинающими. 🫡
Принято, спасибо! Да, видимо, реакта многовато получилось:)
vite подходит для небольших проектов, вроде сайтиков на несколько страниц или лендинга, но что делать SEO? Ведь как правило таким сайтикам оно нужно. Vite же рассчитан на рендер из JS. Я собрал сборку vite + pug который мне генерит статические html, но она с нюансами))
Так же некоторые рекомендуют вите как альтернативу реактовскому cra, тоже из за скорости, да и cra был создан в 2016 году, все таки требования к приложениям уже другие сегодня
Как поменять host 5173 на 3000
Если у тебя vite.config, то там можно добавить свойство server и туда прокинуть порт. Если rollup надо смотреть. stackoverflow.com/questions/71763113/how-to-change-vite-application-port
Если ты уже так поробовал, возможно у тебя порт 3000 на компе занят.
@@lavrikroman1560 спасибо, непробовал сейчас буду пробовать гуглеть как правильно в конфиг написать
@@lavrikroman1560 спасибо работает
export default defineConfig({
server: {
port: 3000,
},
Такой момент в Vite, сами прописываются пути, так например все картинки и пр. кидаются в одну папку assets, в доке нет примером настройки assets, только 3 строки что можно настраивать.
Из за этого использовать vite невозможно т.к просто нужно чтобы 200 картинок скопировались с сохранением иерархии папок, SVG в svg паке, фафиконы отдельно и т.д.
В общем мрак.
если тебе зачем то это нужно есть плагин rollup-plugin-copy
@@dropers7551 не прокатит т.к у тебя vite прописывает пути img к папке assets
ну как разобрался с картинками? я вот что-то же залип)
@@alexeismirnov7400
да тут в билде есть но не пояснили куда и зачем
есть папка "public" туда кидаем любые файлы и папки
Вит просто копирует все из "public" в корень билда.
При этом в любом режиме путь к картинке или файлу указываем без "public" - иначе в билде будет висеть лишняя папка.
Единственное что оптимизация картинок и конвертер не даются , там какой то тёмный лес и пока галпом картинки обрабатываю.
В целом vite кривой , из-за того что нет нормальной доки. Тут доку писали из детского сада . Гайдов тоже нет . нужно смотреть англ контент, но и там не оч.
Так же многокрасочность кривая - нужно указывать все станицы в ручную == бред.
В вит концепция приложений от эйпл - юзай на уровне макака-камень и захлопнись.
Но сук он быстрый и приходится терпеть.
Спасибо за видео, но показывать выполненный проект, где пункты меню банально не выровнены по вертикали - это немного забавно. Я бы постеснялся
На боевом проекте на небольшом приложении есть необходимость запускать сборку не локально, а на сервере в режиме --watch, чтоб делать небольшие правки и видеть изменения. Так вот webpack 4 пересобирает в 4-5 раз быстрее на тех же файлах, чем vite. Поэтому отказались от vite. Так что у меня двойственное впечатление. Вроде vite в dev режиме быстр, но опять же не гибок в настройках, для классических сайтов ну вообще не подходит, в watch режиме адски тупит, также в watch режиме невозможно настроить source map на стили. Как то так...
Насчет скорости интересно🤔, надо будет потестить
Для больших проектов, которым нужна гибкая настройка, Vite не подходит. Пробовал.
Думаю, лучшей функциональности, бóльших возможностей и гибкости чем у Webpack нет.
Например, сгенерить runtime, разбить на чанки или настроить index.html так же хорошо, как это делает Wepback не выйдет.
Конфиги или неполные, или их попросту нет для той или иной вещи.
Или ещё, если нужна legacy сборка, то единственный вариант использовать их плагин, в котором даже нельзя указать теймплейт - всё сгенерится в одну конкретную директорию с фиксированным наименованием. Смотрел исходный код этого плагина, по этому моменту всё было захардкожено.
А так, для небольших сайтиков или приложений годится.
👌Не пробовал vite на больших проектах, но у vite есть возможность расширить настройки бандла с помощью rollup.
На гитхаб Пейджес index.html не открывается