webpack
(10)
Посібник по міграції з Webpack на Vite
У цій статті ми розглянемо, як оновити ваш фронтенд з Webpack на Vite. Vite - це сучасний інструмент для розробки фронтенду, який користується величезною популярністю. Просто подивіться на цю статистику завантажень з npm-трендів на зображенні нижче....
Alex · 29 вересня 2023 · 345
Процес побудови Webpack
WebPack — це дуже потужний і цікавий інструмент, який можна вважати фундаментом багатьох сучасних технологій для веброзробки. Однак налаштувати WebPack і працювати з ним не завжди легко. У цій статі ми поділимося подробицями про роботу та конфігурува...
Codeguida · 10 грудня 2021 · 37
Основи Webpack: Частина 2
У першій частині туторіалу ми дізналися, як створити Webpack проект, а також як використовувати лоадери для обробки нашого JavaScript коду. Але найголовніша властивість Webpack полягає в його здатності бандлити інші типи, такі як CSS і зображення, та...
Codeguida · 12 листопада 2021 · 58
Основи Webpack 2
Що таке Webpack? Якщо просто, то це пакувальник модулів для вашого JavaScript. Але з часів першого релізу він еволюціонував в пакувальник для всього вашого фронтенду. Ось так це було раніше: розмітка, стилі так код ізольовані, ви повинні керувати ко...
Codeguida · 26 серпня 2021 · 26 · 1
Основи Webpack: Частина 1
При створенні сайту досить стандартною практикою є мати якийсь процес збірки на місці, щоб полегшити розробку і підготовку файлів до роботи. Ви можете використовувати Grunt або Gulp, побудувавши ланцюжки перетворень, які дадуть можливість вам закинут...
Codeguida · 13 липня 2021 · 154
Як я повернувся і відразу пішов від JavaScript
{full-post-img} Перш за все слід сказати, що ця стаття лише ІМХО, не слід сприймати її надто серйозно. Тут я описав перше враження про сучасний веб, котре склалося в мене після декількох років роботи на бекенді. Під час написання (і перекладу) не бу...
Codeguida · 27 травня 2021 · 38
Перехід до Webpack 2
Webpack знаходиться буквально на межі випуску своєї останньої версії, і це, як очікується, відбудеться дуже скоро. Проте, основне, що затримує реліз продукту – це документація, а код в основному вже написаний. Нещодавно я знайшов час, щоб оновити про...
Codeguida · 18 листопада 2020 · 2
Знайомимось з tree shaking
Коли JS-застосунок досягає певних розмірів, доцільно розділити його код на модулі. Мінус такого підходу у тому, що можна імпортувати код, який насправді не використовується. На допомогу приходить Tree shaking — метод оптимізації пакетів вашого коду....
Codeguida · 11 лютого 2019 · 4
Продуктивна реєстрація компонентів у Vue
Якщо ви мали справу з Однофайловими компонентами, ви, скоріше за все, знаєте як «викликати» компонент з іншого компоненту: Робимо import дочірнього компонента; Реєструємо його в об'єкті components батьківського компонента; Додаємо компонент до templ...
Codeguida · 08 лютого 2019 · 5
Як написати свій webpack-builder
Кому лінь читати, можете одразу клонувати репозиторій і користуватись. Деталі на the-simplest-webpack-react-starter-kit. Нещодавно шукав простий webpack react starter kit. Потрібно було переписати свій pet-project на свіжий React 16. Вимоги до старт...
Codeguida · 18 жовтня 2017 · 13