Ошибка при повторной компиляции Webpack

Всем привет, при запуске компиляция проходит хорошо, но если просто поменять что либо в .js файле, то пишет ошибку на: Module parse failed: Unexpected character '@' (13:0).

Gulp:

function js(cb) {
return src(path.src.js, {base: srcPath + 'assets/js/'})
    .pipe(plumber({
        errorHandler : function(err) {
            notify.onError({
                title:    "JS Error",
                message:  "Error: <%= error.message %>"
            })(err);
            this.emit('end');
        }
    }))
    .pipe(webpackStream({
        mode: "production",
        output: {
            filename: 'app.js',
        },
        module: {
            rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                loader: 'babel-loader',
                options: {
                    presets: ['@babel/preset-env'],
                    plugins: ['babel-plugin-root-import']
                },
            },
            {
                test: /\.(png|jpe?g|gif|svg)$/i,
                use: ['file-loader'],
            },
            // {
            //     test: /\.css$/,
            //     use: ['style-loader', 'css-loader', 'sass-loader']
            // },
            // {
            //     test: /\.(sass|scss)$/,
            //     use: ['sass-loader']
            // },
            // { test: /\.css$/, use: ['style-loader', 'css-loader'] },
            {
                test: /\.(sa|sc|c)ss$/,
                use: ["style-loader", "css-loader", "sass-loader"]
            }
            // { test: /\.css$/, use: ['style-loader', 'css-loader'] },
            // { test: /\.s[ac]ss$/i, use: 'sass-loader' },
        ]},
    }))
    .pipe(dest(path.build.js))
    .pipe(browserSync.reload({stream: true}));

cb();

}

JS:

import Swiper from 'swiper/bundle';
import 'swiper/css/bundle'

const swiper = new Swiper('.swiper', {
    direction: 'vertical',
    loop: true,
});