gulp生成source Map

source Map

简单说，Source map就是一个信息文件，里面储存着位置信息。也就是说，转换后的代码的每一个位置，所对应的转换前的位置。有了它，出错的时候，除错工具将直接显示原始代码，而不是转换后的代码。这无疑给开发者带来了很大方便。

下面我们来通过gulp生成我们的map文件

1.首先，全局安装gulp

cnpm install gulp -g

2.安装到项目目录

cnpm install gulp --save-dev

3.安装js压缩模块

cnpm install gulp-uglify --save-dev

4.安装sgulp-sourcemaps

cnpm install gulp-sourcemaps --save-dev

5.本地创建gulpfile.js文件,并配置

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var sourcemaps = require('gulp-sourcemaps');

gulp.task('jsmin', function() {
  gulp.src('private/*.js')//准备要压缩的js
    .pipe(sourcemaps.init())
    .pipe(uglify())//压缩sj
    .pipe(sourcemaps.write('../maps'))//输出map文件
    .pipe(gulp.dest('dist'));//输出压缩后的js文件，默认最后会带有map文件的路径
});