​Webpack с нуля: это совсем не страшно

Хватит бояться webpack - он гораздо проще, чем кажется!

https://prglb.ru/2216c

#tools #webpack #beginners

Оптимизация производительности в Vue.js

Большое руководство (в четырех частях) по улучшению производительности в приложениях на Vue.js.

1️⃣ Ленивая загрузка и code splitting
Вы не обязаны грузить весь код приложения сразу, если юзеру он не нужен.
Разбираемся с динамическим импортом JS-модулей в webpack.

2️⃣ Производительность Vue.js Router
Делим код разных роутеров на отдельные бандлы и подгружаем их по мере необходимости.

3️⃣ Ленивая загрузка компонентов и Prefetching
Выкидываем из бандла компоненты модальных окон и прочие штуки, которые не нужны при первой загрузке страницы. А также правильно обрабатываем их динамическую подгрузку.

4️⃣ Оптимизация сторонних библиотек
Львиную долю бандла обычно занимают фреймворки и сторонние библиотеки утилит. Их тоже можно оптимизировать!

#performance #vue #webpack

Полная настройка Webpack 4

7 полезных видео уроков:

🖍 Настройка Webpack 4 шаблона. Установка Babel 7 и webpack dev server. Настройка js на примере vue
🖍 Полная настройка Webpack 4 препроцессоров. Sass, настройка post css плагинов, минификация стилей.
🖍 Самое важное по WEBPACK 4 - обработка картинок и html. Webpack-merge. Обработка статических файлов
🖍 Подключение VUE и VUEX, забываем jQuery. Использование vuejs в верстке.
🖍 Ускоряем загрузку JS в 3-4 раза. Code Splitting и vendors.js
🖍 Лучший способ подключения и обработки шрифтов.
🖍 Полная настройка шаблонизатора pug. Использование в верстке и не только

Смотреть и настраивать: https://www.youtube.com/playlist?list=PLkCrmfIT6LBQWN02hNj6r1daz7965GxsV

#webpack #tools #video

Передача данных с помощью Webpack

Как передать глобальные переменные в HTML, CSS или JS во время сборки проекта? Очень просто, если у вас есть Webpack.

Читать: https://prglb.ru/4qh46



#tools #webpack

​Подробное руководство по оптимизации производительности с помощью webpack

Ссылка: https://prglb.ru/40ksb

#tools #webpack #performance

Настройка Webpack 5 с нуля

Узнайте, как использовать вебпак для сборки JavaScript, изображений, шрифтов и стилей, а также как запускать сервер для разработки.

https://proglib.io/w/9ef5a451

#tools #webpack

Webpack Roadmap 2021

Что происходит с самым популярным сборщиком и как с ним работать в 2021 году? https://proglib.io/w/269e6fbe

#tools #webpack

​Почему не нужно использовать Webpack

Вебпак сейчас - один из самых популярных бандлеров, но времена меняются, и, возможно, пора двигаться дальше?

https://proglib.io/w/e9d1b3a6

#tools #webpack

​Детальный разбор процесса сборки в webpack

https://proglib.io/w/6fa568dc

#tools #webpack

​Руководство по Webpack для начинающих

Если вы все еще не знаете, как работает Webpack и зачем он нужен, то уже пора узнать: https://proglib.io/w/96c9f887

#tools #webpack