Как прикрутить source map к webpack gulp?

Question

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

Подскажите пожалуйста как прикрутить sourceMap к webpack-stream модуль для gulp
вот таск

const webpack = require('webpack-stream')
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(sourcemaps.init({loadMaps: true}))
        ).on('error', function handleError() {
            this.emit('end')
        })
        // .pipe(sourcemaps.write('.'))
        .pipe(rename('app.min.js'))
        .pipe(dest('app/js'))
        .pipe(browserSync.stream())
}

если указывать параметр devtool: "source-map", то на выходе белеберда

Comments

[Михаил]

https://www.npmjs.com/package/webpack-stream#user-...