Can';不要让Gulp引用手写笔文件来生成源地图

Can';不要让Gulp引用手写笔文件来生成源地图,gulp,stylus,source-maps,autoprefixer,gulp-sourcemaps,Gulp,Stylus,Source Maps,Autoprefixer,Gulp Sourcemaps,我在为CSS文件生成sourcemaps时遇到问题 我当前的堆栈是: 吞咽 触笔 自动刷新器 有两个编译步骤: Gulp预编译为CSS Autoprefixer post编译CSS以添加浏览器供应商前缀 我无法在第一次编译时生成sourcemaps,因为第二次编译会在CSS中添加新行,我完全不知道如何让它们相互“交谈” 这就是我目前得到的 var gulp=require('gulp'); 变量路径={ src:'src', dist:“dist” }; // ---------------

我在为CSS文件生成
sourcemaps
时遇到问题

我当前的堆栈是:

  • 吞咽
  • 触笔
  • 自动刷新器
有两个编译步骤:

  • Gulp预编译为CSS
  • Autoprefixer post编译CSS以添加浏览器供应商前缀 我无法在第一次编译时生成
    sourcemaps
    ,因为第二次编译会在CSS中添加新行,我完全不知道如何让它们相互“交谈”

    这就是我目前得到的

    var gulp=require('gulp');
    变量路径={
    src:'src',
    dist:“dist”
    };
    // ---------------------------------------
    //触笔
    var-stylus=require('gulp-stylus');
    var rename=require('gulp-rename');
    gulp.task('stylus',['clean:css'],函数(){
    返回gulp.src(path.src+'/stylus/*.styl')
    .管道(触针)({
    是的,
    源地图:{
    是的,
    sourceRoot:“.”,
    基本路径:paths.dist+'/css'
    }
    }))
    .管道(重命名)({
    后缀:'.min'
    }))
    .pipe(gulp.dest(path.dist+/css');
    });
    // ---------------------------------------
    //浏览器同步
    var browserSync=require('browser-sync');
    //设置静态服务器
    gulp.task('browser-sync',function()){
    返回浏览器同步({
    服务器:{
    baseDir:“./”
    }
    });
    });
    // ---------------------------------------
    //自动刷新器
    var sourcemaps=require('gulp-sourcemaps');
    var autoprefixer=require('gulp-autoprefixer');
    var concat=需要(“咕噜咕噜咕噜”);
    gulp.task('autoprefixer',['stylus',]函数(){
    返回gulp.src(paths.dist+'/css/*.css')
    .pipe(autoprefixer())
    .pipe(sourcemaps.init({
    负荷图:正确
    }))
    .pipe(sourcemaps.write('.'){
    includeContent:false,
    sourceRoot:'。'
    }))
    .pipe(gulp.dest(path.dist+/css'))
    .pipe(browserSync.reload({stream:true}));
    });
    // ---------------------------------------
    //干净的
    var del=需要('del');
    吞咽任务('clean:css',函数(cb){
    返回del([
    paths.dist+'/***/*.css',
    paths.dist+'/***/*.map'
    ],cb);
    });
    // ---------------------------------------
    //监视
    gulp.task('watch',['browser-sync',function()){
    gulp.watch(paths.src+'/stylus/***.styl',['clean:css','stylus','autoprefixer']);
    gulp.watch('*.html',['compress',browserSync.reload]);
    });
    
    我最近遇到了同样的问题,你在这方面有什么进展吗?对不起,朋友,我们改变了项目的范围,我无法进一步推进。