gulp生成source Map
986 ワード
source Map
簡単に言えば、Source mapは位置情報が格納されている情報ファイルです.すなわち,変換後のコードの各位置,対応する変換前の位置である.これにより、エラーが発生した場合、エラー除去ツールは変換後のコードではなく元のコードを直接表示します.これは開発者に大きな便利さをもたらしたに違いない.
次にgulpでmapファイルを生成します
1.まずgulpをグローバルにインストールする
2.プロジェクトディレクトリへのインストール
3.js圧縮モジュールのインストール
4.sgulp-sourcemapsのインストール
5.gulpfile.jsファイルをローカルに作成し、構成する
簡単に言えば、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
});