Установка зависимостей на автомате

ОБНОВЛЕНИЕ 2018: Вышло второе издание (современный код и версии пакетов, данное издание УСТАРЕЛО)

На канале так же проводятся бесплатные вебинары, публикуются переводы и авторские материалы, присоединяйтесь!

Установка зависимостей на автомате

Внутри этого раздела я ставил все зависимости с помощью npm install <имя_пакета>, но есть более удобный способ - использовать плагин для webpack - npm-install-webpack-plugin

npm install npm-install-webpack-plugin --save-dev

Плагин будет анализировать наши файлы на предмет зависимостей и устанавливать новые пакеты, если обнаружится неизвестная зависимость. Главное, не забывайте удалять лишние пакеты, если будете экспериментировать и пробовать разные.

.npmrc

save=true
save-exact=true

webpack.config.js

...
//добавьте новую зависимость в начале конфига
var NpmInstallPlugin = require('npm-install-webpack-plugin');
...
//добавьте плагин в секцию плагинов
plugins: [
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new NpmInstallPlugin() // <--
  ],
...

Далее в руководстве, я все равно буду писать npm install, так как это визуально дает хорошее представление о том, какие зависимости нам нужны. Если вы поставили и настроили npm-install-webpack-plugin, то можете не беспокоится и пропускать эти строки.