Gulp 吞咽指向错误文件的sourcemaps

地图文件似乎指向了错误的文件。 例如，它指向的不是

demo.css

，而是

example.css

我想我做错了什么

这是如何为css缩小和连接定义我的css任务的示例：

var gulp = require('gulp');
var rename = require('gulp-rename');
var sourcemaps = require('gulp-sourcemaps');
var uglify = require('gulp-uglify');
var minifyCss = require('gulp-clean-css');
var gp_concat = require('gulp-concat');
var size = require('gulp-size');

var path ={
    css: './styles/',
    dist: './dist/'
};

gulp.task('css', function() {
    gulp.src([
            './bower_components/aaa.css',
            path.css + 'demo.css',
            path.css + 'example.css',
            path.css + 'another.css'
        ])
        .pipe(sourcemaps.init())
        .pipe(gp_concat('combined.css'))
        .pipe(gulp.dest(path.dist))
        .pipe(minifyCss({
            compatibility: 'ie8',
            advanced: false,
            keepSpecialComments: '1'
        }))
        .pipe(rename({
            suffix: '.min'
        }))
        .pipe(sourcemaps.write({
            includeContent: false,
            sourceRoot: '../styles'
        }))
        .pipe(gulp.dest(path.dist))
        .pipe(browserSync.reload({
            stream: true
        }))
});

---

不要手动输入css文件，如

path.css+'demo.css'，

您应该使用全局选择器，

'./styles/***.css'

我将其用作@Mills的参考，如果我需要按特定顺序添加它们，我觉得这不合适。但无论如何，这不能解释为什么我对完整文件的引用是错误的。另外，在您添加的链接中，他们不使用sourcemaps。