Полный цикл в digital

Скачивание и установка Webpack

Webpack написан на языке javascript, изначально необходимо установить Node. Перейдите на страницу загрузок Node.js и скачайте нужную вам версию. Есть установщики для Windows и Mac, а также скомпилированные бинарники и исходный код для Linux. Кроме того, в Linux вы можете установить Node.js с помощью пакетного менеджера, все это описано в документации.

Обновляем список пакетов:

apt update

Обновляем пакеты:

apt upgrade

Загружаем и устанавливаем Node.js:

apt install nodejs

Далее создаем папку для проекта в любом удобном месте компьютера и вызываем окно терминала в этом каталоге. В командной строке запускаем инициализацию проекта npm через который потом можно установить Webpack:

npm init

Отвечаем на вопросы на каждом шаге. После каждого ввода нажимаем Enter и переходим к следующему шагу. В результате получим файл package.json, который содержит информацию о проекте и установленных плагинах.

Установка Webpack

Существует два способа установки Webpack: глобально или для каждого проекта. Лучше всего устанавливать зависимость для каждого проекта, так как это позволит вам использовать разные версии webpack для каждого проекта и не требует, чтобы пользователь устанавливал Webpack глобально.

Установка для каждого проекта

Давайте теперь установим Webpack через npm, для начала установим сам сборщик:

npm install webpack --save-dev

Теперь установим также Webpack CLI, позволяющий обращаться к сборщику через командную строку:

npm install webpack-cli --save-dev

По умолчанию в Webpack модули ES не работают. Их нужно включить, для этого в файле package.json указать настроку type со значением module:

package.json{
  "type" : "module"
}

Установка в глобальном масштабе

Выполните следующую команду в командной строке:

npm install -g webpack

Теперь установим также Webpack CLI, позволяющий обращаться к сборщику через командную строку:

npm install -g webpack-cli

Проверка установки

Убедитесь, что node.js, npm и Webpack установлены, выполнив несколько простых команд.

Проверить установку node.js можно в терминале командой, если пакет установлен, должны увидеть номер версии:

node -v

Проверить установку npm можно в терминале командой, если пакет установлен, должны увидеть номер версии:

npm -v

Проверить установку webpack можно в терминале командой, если пакет установлен, должны увидеть номер версии:

webpack -v
Заполните форму уже сегодня!
Для начала сотрудничества необходимо заполнить заявку или заказать обратный звонок. В ответ получите коммерческое предложение, которое будет содержать индивидуальную стратегию с учетом требований и поставленных задач
Работаем по будням с 9:00 до 18:00. Заявки, отправленные в выходные, обрабатываем в первый рабочий день до 12:00.
Спасибо, ваш запрос принят и будет обработан!
Эйч Маркетинг