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