Базовые команды при работе с webpack
Webpack автоматизирует эту работу — он разбивает файлы на пакеты и подключает на страницы, а мы с его помощью собираем проект. Ещё он помогает оптимизировать приложение: сжимает картинки, шрифты и видео, минимизирует код — но для этого нужно установить дополнительные npm-пакеты. Также с помощью сборщика настраивается локальный сервер и запускаются приложения в браузере без заливки на хостинг.
В карточках собрали основные команды, с которыми вы встретитесь при сборке проекта с помощью Webpack.
А если хочется углубить свои знания по webpack и начать использовать его в работе — приходите на курс «Webpack» – https://tml.io/skp3f
Webpack автоматизирует эту работу — он разбивает файлы на пакеты и подключает на страницы, а мы с его помощью собираем проект. Ещё он помогает оптимизировать приложение: сжимает картинки, шрифты и видео, минимизирует код — но для этого нужно установить дополнительные npm-пакеты. Также с помощью сборщика настраивается локальный сервер и запускаются приложения в браузере без заливки на хостинг.
В карточках собрали основные команды, с которыми вы встретитесь при сборке проекта с помощью Webpack.
А если хочется углубить свои знания по webpack и начать использовать его в работе — приходите на курс «Webpack» – https://tml.io/skp3f
👍4
Что такое бойлерплейт-сборки?
Anonymous Quiz
82%
Это шаблонные сборки, которые сводят к минимуму какую-либо настройку и внесение правок извне.
1%
Это разработка британских учёных для развития искусственного интеллекта.
14%
Это дополнение к webpack для поддержки его работоспособности.
2%
Это неизвестная и нестабильная сущность, появившаяся в результате экспериментов.
Выберите одну из главных особенностей webpack.
Anonymous Quiz
11%
Позволяет разработчику быть максимально продуктивным, ничего не делая.
41%
Без усилий даёт доступ к работе со стилями, изображениями и файлами других форматов, оптимизирует их
4%
Webpack лёгок в изучении.
44%
Даёт доступ к import и export, ускоряющим и оптимизирующим разработку.
Что означают i -D и -y в контексте выполнения команд по установке пакетов и инициализации проекта?
Anonymous Quiz
1%
i - incorrect | -D developer | -y - yellow
94%
i - install | -D --save-dev | y - yes
3%
i - increment | -D - decrement | -y - unknown
2%
i - innovation | -D - dependencies | -y yo
Чем отличается команда npm run serve от npm start?
Anonymous Quiz
91%
Наличием ключевого слова run. В случае с вариантом start оно не требуется, и это единственный случай
7%
Своей функциональностью. Первая команда запускает сервер разработки, а вторая заказывает пиццу
2%
Это неизвестная и нестабильная сущность, появившаяся в результате экспериментов
Чем отличается команда npm run serve от npm start?
Anonymous Quiz
94%
Наличием ключевого слова run.В случае с вариантом start оно не требуется, и это единственный случай.
3%
Своей функциональностью. Первая команда запускает сервер разработки, а вторая заказывает пиццу.
3%
Это неизвестная и нестабильная сущность, появившаяся в результате экспериментов.
🤨5👏1
Записывайтесь на курс по Webpack, чтобы научиться повышать производительность приложения, оптимизировать код и сокращать время на разработку, сборку и тестирование проекта – https://tml.io/xv6et.
levelup.htmlacademy.ru
Онлайн-курс «Webpack»
Для фронтендеров, которые хотят освоить Webpack — один из инструментов, упрощающих разработку. Webpack помогает повысить производительность приложения, оптимизировать код и сократить время на разработку, сборку и тестирование проекта.
👍2
Как создать базовый конфиг в webpack
Собрали инструкцию, где описали шаги использования базовых команд в webpack. Было полезно? Кликайте огонёчки и отправляйте пост другу-мидлу.
Собрали инструкцию, где описали шаги использования базовых команд в webpack. Было полезно? Кликайте огонёчки и отправляйте пост другу-мидлу.
🔥17