Как вы именуете сторонние библиотеки в Webpack?

В Webpack сторонние библиотеки называются "externals" или "внешние зависимости". Внешние зависимости - это библиотеки, которые не будут упакованы вместе с вашим приложением, а будут подключены отдельно на странице. Это может быть полезно, когда вы хотите использовать библиотеки, которые уже установлены на сервере или доступны для загрузки из CDN.

Чтобы указать внешнюю зависимость в Webpack, вам необходимо добавить соответствующую запись в конфигурационном файле webpack.config.js.

Вот пример:

module.exports = {
  // остальная конфигурация
  externals: {
    // внешние библиотеки
    jquery: 'jQuery',
    lodash: 'lodash'
  }
};

В этом примере мы указываем, что библиотеки "jquery" и "lodash" являются внешними зависимостями и должны подключаться отдельно на странице. Это означает, что они не будут упакованы в итоговый бандл вашего приложения.

Webpack будет предполагать, что эти библиотеки уже доступны на глобальном объекте window, и будет использовать их из этого объекта при сборке вашего приложения. Если библиотеки не найдены на глобальном объекте, вы получите ошибку во время выполнения вашего приложения.

Если вы хотите использовать внешние зависимости из CDN, вы можете указать полный URL вместо имени библиотеки. Например:

module.exports = {
  // остальная конфигурация
  externals: {
    jquery: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js',
    lodash: 'https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.19/lodash.min.js'
  }
};

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

Использование внешних зависимостей в Webpack может быть полезным для оптимизации размера бандла вашего приложения и ускорения его загрузки на странице. Однако будьте внимательны, чтобы подключенные внешние зависимости были доступны на странице, иначе ваше приложение может сломаться.