Почему не удается импортировать нужные мне модули swiper js?

Question

[Сергей Волков]

Я использую сборщик gulp с webpack
Сборщик js:

function scripts() {
	return src(['app/js/*.js', '!app/js/*.min.js'])
		.pipe(webpack({
			mode: 'production',
			performance: {
				hints: false
			},
			module: {
				rules: [{
					test: /\.(js)$/,
					exclude: /(node_modules)/,
					loader: 'babel-loader',
					query: {
						presets: ['@babel/env'],
						plugins: ['babel-plugin-root-import']
					}
				}]
			}
		}))
		.pipe(rename('app.min.js'))
		.pipe(dest('app/js'))
		.pipe(browserSync.stream())
}

В своем js файле пытаюсь импортировать нужные мне модули из swiper js

import Swiper, { Navigation, Pagination, Scrollbar } from 'swiper';
 Swiper.use([Navigation, Pagination, Scrollbar]);

Но консоль мне выдает ошибку
Error in plugin "webpack-stream"
Module not found: Error: Can't resolve 'swiper'

Буду очень благодарен, если подскажете, что я делаю не так.

Comments

[black1277]

Не нужно натягивать gulp на webpack! Последний умеет делать все то же что и gulp и еще намного больше. Почитайте документацию, то что вы делаете похоже на то, как если бы сначала одели шубу, а сверху пытаетесь натянуть узкую майку.

Answer 1

[Квазиморд Сидорович]

Посмотрите это видео - все подробно расписано Gulp и webpack - как и зачем подружить системы сбо...