Как ставить зависимости в Webpack

В Webpack зависимости можно подключать несколькими способами:

1. Через import/require в коде:

import lodash from 'lodash';
const moment = require('moment');

2. В конфигурации Webpack через externals (если библиотека доступна глобально):

externals: {
  jquery: 'jQuery'
}

3. Через плагины типа ProvidePlugin для автоматического импорта:

plugins: [
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery'
  })
]

Основные правила:

• Убедитесь, что зависимости установлены через npm/yarn (package.json)
• Для CSS/SCSS используйте соответствующие лоадеры
• Для обработки node_modules можно использовать include/exclude в лоадерах

Пример конфига с обработкой зависимостей:

module: {
  rules: [
    {
      test: /\.js$/,
      exclude: /node_modules/,
      use: 'babel-loader'
    }
  ]
}