7.5. Подводим итоги курса
На этом почти всё, мы подошли к концу курса «Webpack». Впереди вас ждут только тест по пройдённому материалу и бонусный раздел, в котором мы рассмотрим некоторые зависимости «на каждый день», разберём кеширование и сравним Webpack с другими сборщиками.
А теперь давайте подытожим, чему вы научились.
- Изучили необходимые терминальные команды по инициализации, установке и удалению пакетов.
| Команда | Описание | Короткая версия |
|---|---|---|
| npm --version | Версия пакетного менеджера | npm -v |
| npm install-latest-npm | Обновление пакетного менеджера | npm update -g |
| npm init | Инициализация директории | npm init -y |
| npm list (имеет флаг --global) | Отображение сведений об установленных пакетах (локально, глобально) | npm ls |
| npm install <имя пакета (ов)> | Установка пакета (ов) | npm i |
| npm install --global <имя пакета (ов)> | Глобальная установка | npm i -g |
| npm uninstall <имя пакета (ов)> | Удаление пакета (ов) | npm un |
| npm update <имя пакета (ов)> | Обновление пакета (ов) | npm up |
| npm cache clean --force | Очистка кеша (принудительно) | npm cache clean -f |
С остальными командами вы можете ознакомиться тут.
- Разобрали все концепции webpack.
| Название концепции | Короткое описание |
|---|---|
| Entry | Входная точка приложения |
| Output | Сборка приложения, её оптимизация |
| Loaders | Обработчики для всех типов (форматов) файлов |
| Plugins | Плагины, применяемые в разработке |
| Mode | Режимы разработки (development, production) |
- Познакомились со SPA и мультистраничным приложением, разобрали последнее на практике.
Мультистраничные приложения чаще всего можно встретить на фрилансе и в очень старых проектах
- Узнали как оптимизировать размер файлов и приложение в целом. Это код-сплиттинг, деление кода на чанки, сжимание размера изображений и шрифтов.
У webpack обширная документация, в которой легко потеряться. Но если вы хотите быть в курсе всех изменений и нововведений, добро пожаловать в этот необъятный мир.