Почему при import вызывается ошибка _splidejs_splide__WEBPACK_IMPORTED_MODULE_0__ is not a constructor?

Question

[Илья Кочкин]

Добрый день, пытаюсь заюзать слайдер Splide, для сборки используется webpack точнее gulp с настройкой webpack
вот таск для скриптов

function scripts() {
	return src(["app/js/*.js", "!app/js/*.min.js"])
		.pipe(
			webpackStream(
				{
					mode: 'development',
			
					performance: {hints: false},
					module: {
						rules: [
							{
								test: /\.m?js$/,
								exclude: /(node_modules)/,
								use: {
									loader: "babel-loader",
									options: {
										presets: ["@babel/preset-env"],
										plugins: ["babel-plugin-root-import"],
									},
								},
							},
						],
					},
					optimization: {
						minimize: true,
						minimizer: [
							new TerserPlugin({
								terserOptions: {format: {comments: false}},
								extractComments: false,
							}),
						],
					},
				},
				webpack
			)
		)
		.on("error", function handleError() {
			this.emit("end");
		})
		.pipe(concat("app.min.js"))
		.pipe(dest("app/js"))
		.pipe(browserSync.stream());
}

в js юзаю импорт

import Splide from '@splidejs/splide';
var splide = new Splide( '.splide' ).mount();

в консоли я получаю ошибку