css属性-display:grid中断生成的gulp.map文件的跟踪字符串

我有一个可扩展的项目，用gulp编译我所有的自动化前端文件（css、js、SCS）

由于生成的css.map，连接.scss文件并生成一个.css文件以跟踪其.scss文件中每个元素的属性的任务对我来说是正确的，直到出于我不知道的原因，在css.map文件中，从给定的文件中，打破了其余.scss文件的跟踪链。'

问题在于存在显示网格类，确切地说是“网格模板区域”，这会导致我的css.map文件在引入该类后立即中断

类为“grid template areas”的项目的css.map跟踪示例：

sources]：[“variables/_tipografia.scss”、“variables/_coockie.scss”、“variables/_caracteristicas.scss”、“style.css”]

（在文件_caracteristicas.scss的右边是我拥有这个类的地方）

没有“网格模板区域”类的项目css.map爬网示例：

我在网上浏览了一千遍，只找到了autoprefixer gulp可能的解决方案，但没有一个适合我

有人知道sourcemaps不喜欢这样的基于网格的类并破坏跟踪链的问题是什么吗

Éstas son mis dependencias de mi gulpfile:

const gulp = require("gulp");
const sass = require("gulp-sass");
const sourcemaps = require("gulp-sourcemaps");
const uglifyJS = require("gulp-uglify");
const concat = require("gulp-concat");
const rename = require("gulp-rename");
const cleanCSS = require("gulp-clean-css");
const autoprefixer = require("gulp-autoprefixer");

是的，我的档案汇编如下：

function styles() {
  return gulp
    .src(paths.styles.src)
    .pipe(sourcemaps.init({loadMaps: true}))
    .pipe(sass({ outputStyle: "compressed" }).on("error", sass.logError))
    .pipe(autoprefixer())
    .pipe(sourcemaps.write("."))
    .pipe(gulp.dest(paths.styles.dest))
}

非常感谢

function styles() {
  return gulp
    .src(paths.styles.src)
    .pipe(sourcemaps.init({loadMaps: true}))
    .pipe(sass({ outputStyle: "compressed" }).on("error", sass.logError))
    .pipe(autoprefixer())
    .pipe(sourcemaps.write("."))
    .pipe(gulp.dest(paths.styles.dest))
}