souce map

通过Source Map可以快速定义预编译中源码位置，如：sass 和 coffeescript。

gulpfile.js

// tool
var gulp = require('gulp');
var postcss = require('gulp-postcss');
var sass = require('gulp-sass');

// postcss plugin
var autoprefixer = require('autoprefixer');
var cssnano = require('cssnano');
var sourcemaps = require('gulp-sourcemaps');

gulp.task('css', function () {
    var processors = [
        autoprefixer,
        cssnano
    ];
    return gulp.src('./src/*.scss')
        .pipe(sourcemaps.init())
        .pipe(sass().on('error', sass.logError))
        .pipe(postcss(processors))
        .pipe(sourcemaps.write('../maps', {
            includeContent: false,
            sourceRoot: '/src'
        }))
        .pipe(gulp.dest('./dest'));
});

参考:

• gulp-source-map