Categories » CSS

css-lessons

CODING, Webpack, Yarn, Composer

Webpack 2

Один из самых мощных и гибких инструментов для frontend-сборки. В чем его преимущества, какие проблемы он решает и как с ним работать:

00:20 Webpack, gulp, grunt — в чем разница?

00:40 Менеджеры задач.

01:30 Бандлеры.

02:40 Для Webpack всё что угодно может быть модулем.

02:57 Webpack «на пальцах»

03:20 Webpack может заменить Gulp?

03:50 Чем Webpack лучше, чем Gulp?

04:00 Четыре базовые концепции Webpack.

06:05 Особенности Webpack 2.2.1.


00:12 Подготовка проекта.

00:50 Установка Webpack.

01:18 Запуск Webpack при помощи npm-скриптов.

02:15 Создание первых JavaScript-модулей.

04:11 Создаём html файлы при помощи html-webpack-plugin.


00:20 Локальный сервер.

01:16 Webpack —watch.


0:45 Установка Pug и pug-loader.

1:27 Настройка pug-loader.

2:22 Webpack и Pug на примере многостраничного сайта.


0:55 Установка и запуск

3:00 Базовая настройка


0:17 Введение

1:33 Разделение конфига на development и production


Разделяем конфиг на модули


SASS


Подключаем CSS-модули


Подключаем CSS отдельным файлом


CommonsChunkPlugin. Выносим общий код


ProvidePlugin


UglifyJsPlugin


Добавляем картинки, file-loader



Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages
Filter by Categories
=) Home Work
CSS
JavaScript
Word Press

Интеркасса (API)

Доллар

покупка  $ 1 | 25.95 грн
продажа $ 1 | 23.27 грн

Евро

покупка  € 1 | 28.5 грн
продажа € 1 | 25.59 грн