Скачивание и установка 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