Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.12.2018, 20:15
Новичок на форуме
Отправить личное сообщение для oldeuboi Посмотреть профиль Найти все сообщения от oldeuboi
 
Регистрация: 15.11.2018
Сообщений: 3

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';
... (как здесь подключить остальные плагины?)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как подключить Bootstrap для webpack 2? Jussia Библиотеки/Тулкиты/Фреймворки 1 24.06.2017 19:32
Документация к проекту собранному с помощью Webpack magmaister Сборка проекта, утилиты 0 13.04.2017 14:53
webpack 1.12.13 ругается Cannot resolve 'file' or 'directory' ./img/readme2.png alexandr2006 Сборка проекта, утилиты 4 11.02.2017 21:09
Миграция на Webpack 2 c Gulp yakutoc Сборка проекта, утилиты 4 03.02.2017 14:16
video stream cyber Node.JS 2 23.03.2015 14:39