gulp-sourcemaps的用法

1、项目文件夹中，安装gulp-sourcemaps插件

npm install --save gulp-sourcemaps

2、gulpfile.js文件，导入要用到的插件。

如：

// 引入gulp
var gulp = require('gulp');
// 引入gulp-concat插件
var concat = require('gulp-concat');
// 引入gulp-uglify插件
var uglify = require('gulp-uglify');
// 引入gulp-sourcemaps插件
var sourceMap = require('gulp-sourcemaps');

3、gulp-sourcemaps 方法介绍

拿个例子说明

gulp.task('sourcemap',function() {
    gulp.src('./src/*.js')  
    .pipe( sourceMap.init() )
    .pipe( concat('all.js') )  
    .pipe( uglify() )  
    .pipe( sourceMap.write('../maps/',{addComment: false}) )
    .pipe( gulp.dest('./dist/') ) 
})

1）sourceMap.init( ) 启用sourcemaps功能

2）sourceMap.write( ) 生成记录位置信息的sourcemaps文件

经过 concat 和 uglify ，将生成的all.js 与源文件( src 下的所有js文件 )之间的位置映射信息，生成sourcemaps文件。

sourceMap.write( )，不传参，将会直接在 all.js 尾部，生成sourcemaps信息。

sourceMap.write( path )，将会在指定的 path，生成独立的sourcemaps信息文件。如果指定的是相对路径，是相对于 all.js 的路径。

无法指定路径为 src 目录，否则，sourcemaps文件会生成在 dist 目录下。

addComment : true / false ; 是控制处理后的文件（本例是 all.js ），尾部是否显示关于sourcemaps信息的注释。

不加这个属性，默认是true。设置为false的话，就是不显示。