Webpack. Базовая сборка проекта

Uploaded By: Myvideo

Published on

10 Apr 2023

21 view

0

0 votes

0

About Share Download Add to

Привет! В этом видео я разберу сборку проекта на Webpack. Рассмотрим, как собрать все js в один, сжать файлы, собрать css, минифицировать изображения, и многое другое. Поехали! Содержание: 00:00 - Вступление 01:40 - Обзор исходных файлов 04:20 - Кратко про 06:00 - Создаем 07:00 - Устанавливаем webpack 09:20 - Создаем 09:25 - Базовый конфиг 13:00 - Разбиваем сборку на дев и прод 21:00 - Обработка html 26:15 - Очистка итоговой папки 28:05 - Обработка css и scss 37:30 - Устанавливаем dev-server 46:20 - Обрабатываем ассеты 48:25 - Обработка картинок 55:40 - Обработка шрифтов 57:00 - Обработка js 01:01:25 - Sourcemaps 01:03:42 - Оптимизация ассетов 01:07:43 - Оптимизация картинок 01:12:45 - Как подключать плагины 01:17:20 - Заключение - сайт webpack - исходники к видео на GitHub - видео про Stylelint Поддержать канал: Мой блог: Мой сайт: Канал в телеграм: Чат для верстальщиков: Тема VS Code: One Monokai Шрифт VS Code: Consolas, ’Courier New’, monospace #maxgraph #gulp

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/R1lIYmRjNDJGK2tOVjJKVDNjbUpCRUZlT0xLcndCVVlnWkN1LytuODJuaz0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

ПОЛНЫЙ КУРС REACT JS для начинающих - Изучи Реакт за 2 часа с нуля!

2 months ago

02:28:12

ПОЛНЫЙ КУРС REACT JS для начинающих - Изучи Реакт за 2 часа с нуля!

1 9%

Webpack - Полный курс за 3 часа

2 months ago

02:51:49

Webpack - Полный курс за 3 часа

1 12%

Создание 2D игры на чистом JavaScript ES5 на HTML5 Canvas (Таймлапс)

3 months ago

00:08:01

Создание 2D игры на чистом JavaScript ES5 на HTML5 Canvas (Таймлапс)

1 34%

ЭТИ свойства CSS УНИЧТОЖАТ тяжелые 3D библиотеки

4 months ago

00:33:32

ЭТИ свойства CSS УНИЧТОЖАТ тяжелые 3D библиотеки

56 76%

01_04_Базовая настройка Webpack VIDTAG#

4 months ago

00:16:04

01_04_Базовая настройка Webpack VIDTAG#

1 67%

Webpack ПОЛНЫЙ КУРС от А до Я. Вся конфигурация, Микрофронтенд, Монорепозиторий, Module Federation

4 months ago

03:33:49

Webpack ПОЛНЫЙ КУРС от А до Я. Вся конфигурация, Микрофронтенд, Монорепозиторий, Module Federation

29 95%

JavaScript для Начинающих 2022 (Полный курс за 2 часа)

5 months ago

01:48:47

JavaScript для Начинающих 2022 (Полный курс за 2 часа)

2 93%

Вёрстка сайта с нуля по макету Figma | HTML, CSS | Часть 1

11 months ago

01:43:51

Вёрстка сайта с нуля по макету Figma | HTML, CSS | Часть 1

1 64%

Chrome Extension - введение в разработку браузерных расширений #easyit #js #javascript

12 months ago

00:54:02

Chrome Extension - введение в разработку браузерных расширений #easyit #js #javascript

1 90%

2. React Redux Webpack - базовая настройка Webpack, импорт стилей

12 months ago

00:08:06

2. React Redux Webpack - базовая настройка Webpack, импорт стилей

4 7%

Webpack. Базовая сборка проекта

1 year ago

01:19:12

Webpack. Базовая сборка проекта

65 15%

Gulp 4. Полное руководство и настройка своей собственной сборки для верстки

1 year ago

01:38:05

Gulp 4. Полное руководство и настройка своей собственной сборки для верстки

140 63%

Webpack 4 - простая сборка проекта

1 year ago

01:45:44

Webpack 4 - простая сборка проекта

1 80%

ES6 #07. JS Модули 1: Как сделать экспорт и импорт (пишем структуру проекта JavaScript).

1 year ago

00:10:14

ES6 #07. JS Модули 1: Как сделать экспорт и импорт (пишем структуру проекта JavaScript).

1 84%

webDev ТОП 25 инструментов React разработчика

2 years ago

00:15:38

webDev ТОП 25 инструментов React разработчика

120 44%

2. Redux и React. State, reducer, action + redux hooks useDispatch и useSelector

2 years ago

00:08:28

2. Redux и React. State, reducer, action + redux hooks useDispatch и useSelector

10 31%

ТОП 10 книг по веб-разработке (фронтенд) для начинающих: HTML, CSS, JavaScript, React, Vue

2 years ago

00:07:29

ТОП 10 книг по веб-разработке (фронтенд) для начинающих: HTML, CSS, JavaScript, React, Vue

33.2K 94%

Сборка проекта с ParcelJS. Собираем базовое React-приложение

2 years ago

00:19:55

Сборка проекта с ParcelJS. Собираем базовое React-приложение

1 91%

Как стать программистом! 3 бесплатных крутых шага! (JavaScript, Front-end)

3 years ago

00:39:31

Как стать программистом! 3 бесплатных крутых шага! (JavaScript, Front-end)

1 58%

ПИШЕМ SINGLE PAGE APPLICATION НА TYPESCRIPT (БЕЗ ФРЕЙМВОРКА) SPA

3 years ago

00:54:10

ПИШЕМ SINGLE PAGE APPLICATION НА TYPESCRIPT (БЕЗ ФРЕЙМВОРКА) SPA

7 79%

Что такое WEBPACK, его настройка и основные концепции (2020)

3 years ago

00:29:01

Что такое WEBPACK, его настройка и основные концепции (2020)

1 10%

Backend для начинающих. RESTfull API, CRUD, HTTP, , express

3 years ago

00:45:41

Backend для начинающих. RESTfull API, CRUD, HTTP, , express

3 8%

Front-end разработка от А до Я. Основы HTML

3 years ago

00:39:07

Front-end разработка от А до Я. Основы HTML

6 86%

Курс по Webpack4+. Вводный урок

5 years ago

00:01:22

Курс по Webpack4+. Вводный урок

1 66%

0 Comments

Guest