gulp生成source Map

986 ワード

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     
});