webpack (10)

Посібник по міграції з Webpack на Vite

У цій статті ми розглянемо, як оновити ваш фронтенд з Webpack на Vite. Vite - це сучасний інструмент для розробки фронтенду, який користується величезною популярністю. Просто подивіться на цю статистику завантажень з npm-трендів на зображенні нижче....

Alex · 29 вересня 2023 · 371

Процес побудови Webpack

WebPack — це дуже потужний і цікавий інструмент, який можна вважати фундаментом багатьох сучасних технологій для веброзробки. Однак налаштувати WebPack і працювати з ним не завжди легко. У цій статі ми поділимося подробицями про роботу та конфігурува...

Codeguida · 10 грудня 2021 · 46

Основи Webpack: Частина 2

У першій частині туторіалу ми дізналися, як створити Webpack проект, а також як використовувати лоадери для обробки нашого JavaScript коду. Але найголовніша властивість Webpack полягає в його здатності бандлити інші типи, такі як CSS і зображення, та...

Codeguida · 12 листопада 2021 · 66

Основи Webpack 2

Що таке Webpack? Якщо просто, то це пакувальник модулів для вашого JavaScript. Але з часів першого релізу він еволюціонував в пакувальник для всього вашого фронтенду. Ось так це було раніше: розмітка, стилі так код ізольовані, ви повинні керувати ко...

Codeguida · 26 серпня 2021 · 28 · 1

Основи Webpack: Частина 1

При створенні сайту досить стандартною практикою є мати якийсь процес збірки на місці, щоб полегшити розробку і підготовку файлів до роботи. Ви можете використовувати Grunt або Gulp, побудувавши ланцюжки перетворень, які дадуть можливість вам закинут...

Codeguida · 13 липня 2021 · 177

Як я повернувся і відразу пішов від JavaScript

{full-post-img} Перш за все слід сказати, що ця стаття лише ІМХО, не слід сприймати її надто серйозно. Тут я описав перше враження про сучасний веб, котре склалося в мене після декількох років роботи на бекенді. Під час написання (і перекладу) не бу...

Codeguida · 27 травня 2021 · 42

Перехід до Webpack 2

Webpack знаходиться буквально на межі випуску своєї останньої версії, і це, як очікується, відбудеться дуже скоро. Проте, основне, що затримує реліз продукту – це документація, а код в основному вже написаний. Нещодавно я знайшов час, щоб оновити про...

Codeguida · 18 листопада 2020 · 3

Знайомимось з tree shaking

Коли JS-застосунок досягає певних розмірів, доцільно розділити його код на модулі. Мінус такого підходу у тому, що можна імпортувати код, який насправді не використовується. На допомогу приходить Tree shaking — метод оптимізації пакетів вашого коду....

Codeguida · 11 лютого 2019 · 6

Продуктивна реєстрація компонентів у Vue

Якщо ви мали справу з Однофайловими компонентами, ви, скоріше за все, знаєте як «викликати» компонент з іншого компоненту: Робимо import дочірнього компонента; Реєструємо його в об'єкті components батьківського компонента; Додаємо компонент до templ...

Codeguida · 08 лютого 2019 · 6

Як написати свій webpack-builder

Кому лінь читати, можете одразу клонувати репозиторій і користуватись. Деталі на the-simplest-webpack-react-starter-kit. Нещодавно шукав простий webpack react starter kit. Потрібно було переписати свій pet-project на свіжий React 16. Вимоги до старт...

Codeguida · 18 жовтня 2017 · 16