Question

我似乎无法让我的源图在Chrome中用于缩小的CSS文件。这是我的gulpfile.js：

var gulp = require('gulp'),
    gp_concat = require('gulp-concat'),
    gp_rename = require('gulp-rename'),
    gp_cssmin = require('gulp-cssmin'),
    gp_uglify = require('gulp-uglify'),
    gp_sourcemaps = require('gulp-sourcemaps')
    ;

var src_dir = '../../assets/';
var paths = {
    dir_src: path_dir_src,
    files_css: [src_dir+'css/main.c.src.css'],
    dir_dest: 'src_dir/',
    dir_dest_css: src_dir+'css/'
};

gulp.task('build-css', function(){
    return gulp.src(paths.files_css)
        .pipe(gp_sourcemaps.init())
        .pipe(gp_concat('main.c.raw.css'))
        .pipe(gulp.dest(paths.dir_dest_css))
        .pipe(gp_rename('main.c.css'))
        .pipe(gulp.dest(paths.dir_dest_css))
        .pipe(gp_rename({suffix: '.min'}))
        .pipe(gp_cssmin({sourceMap: true}))
        .pipe(gp_sourcemaps.write('./'))
        .pipe(gulp.dest(paths.dir_dest_css))
        ;
});

当我运行它时，会创建源图（并引用原始源{...,"sources":["main.c.src.css"],...）。但是，当在Chrome中打开引用缩小的CSS文件（main.c.min.css）的HTML页面时，我看不到原始源文件（main.c.src.css）的行号。 / p>

我该如何解决这个问题？

Chrome没有显示使用gulp生成的缩小CSS的源图

0 个答案: