gulp-sourcemaps - gulp sourcemaps 和 clean-css 无法正常工作

Question

问题是我不明白为什么在 chrome 中我的文件名是app.css?_[sm]

我希望它只是app.css

app.css是一个缩小的文件。

我真正想要实现的是将chrome源面板中加载的文件链接到我的本地文件。

在我缩小和源映射文件之前，我可以在 chrome 中执行此操作，因此我可以编辑 CSS 并即时保存到我的本地文件。

我认为问题与?_[sm]文件名后面的那个参数有关。所以chrome无法链接到我的本地文件。

这是我的 gulpfile：

var gulp = require('gulp');
var cleanCSS = require('gulp-clean-css');
var rename = require('gulp-rename');
var sourcemaps = require('gulp-sourcemaps');

gulp.task('minify-css', () => {
    
    return gulp.src(['../css/*.css', '../css/common/*.css'])
        .pipe(sourcemaps.init())
        .pipe(cleanCSS())
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('../css/dist'));
});

gulp.task('default', ['minify-css']);