3.3 KiB
title | localeTitle |
---|---|
Installing Dependencies for React with Webpack Projects | Установка зависимостей для работы с проектами Webpack |
Теперь, когда у нас есть пустой файл конфигурации Webpack ( webpack.config.js
) и только что созданный файл пакета ( package.json
), нам нужно установить некоторые зависимости. Установка зависимостей автоматически добавляет некоторые данные в наш package.json
.
Этот проект будет зависеть от React, ReactDOM, Webpack и Webpack Dev Server. Это также будет зависеть от ряда пакетов Babel, потому что мы собираемся писать код с использованием ES6, а Babel - транспилер ES6 .
Необходимые нами зависимости подробно:
| Пакет | Причина |
| Реагировать | «Пакет npm для немедленного доступа к React, не требуя также и JSX-трансформатора». |
| Реагировать на DOM | 'Этот пакет служит точкой входа связанных путей, связанных с DOM. Он предназначен для сопряжения с изоморфным реактивом, который будет отправлен в реакцию с числом оборотов в минуту ». |
| Webpack | «Позволяет разбить вашу кодовую базу на несколько пакетов, которые могут быть загружены по требованию». |
| Webpack Dev Server | 'Обслуживает приложение webpack. Обновляет браузер при внесении изменений. ' |
| Барабанный погрузчик | «Загрузитель Babel для Webpack». |
| Бабель-сердечник | Требуется для Babel Loader. |
| Babel Preset: ES2015 | Требуется для Babel Loader. |
| Babel Preset: Реагировать | Требуется для Babel Loader. |
Мы можем пойти и установить все эти модули с помощью одной команды:
npm install --save-dev react react-dom webpack webpack-dev-server babel-loader babel-core babel-preset-es2015 babel-preset-react
Если мы посмотрим на наш файл package.json
, мы заметим, что наши devDependencies
стали списком пакетов Node, которые мы только что установили. Это важно, потому что это означает, что мы можем установить их снова, если нам нужно использовать npm install
.