Externals в webpack-stream
 

Привет! Использую webpack вместе с gulp. Есть скрипты на сайте, которые подключаются через CDN. Нужно, чтоб при импорте их не было в итоговом бандле. Знаю, что нужно прописать в Externals. Например, для jquery так:

externals: {
    jquery: 'jQuery'
}

А как быть с остальными плагинами? Например, нужно в externals указать такие плагины, как 'swiper', 'popper.js', 'bootstrap' ( js-файл), 'jquery.nicescroll' и 'lightgallery.js'. Они подключаются через CDN. Помогите разобраться.

gulpfilejs:

gulp.task('scripts', function () {
  return gulp.src('./app/src/app.js')
    .pipe(webpackStream({
      output: {
        filename: 'app.js',
      },
      module: {
        rules: [
          {
            test: /\.(js)$/,
            exclude: /(node_modules)/,
            loader: 'babel-loader',
            query: {
              presets: ['env', 'stage-3']
            }
          }
        ]
      },
      externals: {
        jquery: 'jQuery',
        ... (как здесь подключить остальные плагины?)
      }
    }))
    .pipe(gulp.dest('./dist/'));
});

app.js:

import $ from 'jquery';
... (как здесь подключить остальные плагины?)