Sergey Mes

new MiniCssExtractPlugin({
      filename: "styles/[name].css",
      chunkFilename: "styles/[id].css",
    }),

Решил проблему!
Вот путь который прописывается в конце css.
/*# sourceMappingURL=main.css.map */
он должен совпадать c файлом карт.

gulp.task('style:build', function () {
return gulp.src(path.src.style)
.pipe(plumber(function(error) {
gutil.log(gutil.colors.red(error.message));
this.emit('end');
}))
.pipe(sourcemaps.init())
.pipe(sass({
includePaths: ['src/style/'],
errLogToConsole: true
}))
.pipe(prefixer({
browsers: ['last 5 versions'],
cascade: true
}))
.pipe(cleanCSS({compatibility: 'ie8'})) //Сожмем
.pipe(sourcemaps.write('.'))
.pipe(plumber.stop())
.pipe(gulp.dest(path.build.css)) // И в build
.pipe(reload({stream: true})) //И перезагрузим сервер
});