2014-10-31 50 views
0

大家好我使用gulp uglify和concat來縮小js代碼。使用gulp時顯示javascript錯誤

但是,我想有一種方法來檢測原始開發人員代碼中的任何編碼錯誤,以便我可以檢查原始代碼,不僅在縮小後通知。

我可以知道我該怎麼做嗎?

以下是我的代碼。

gulp.task('frontend.js', function() { 
    return gulp.src([paths.dev.js + 'jquery.js', paths.dev.js + 'bootstrap.js', paths.dev.js + 'basic.js']) 
    .pipe(jsconcat('script.js')) 
    .pipe(uglify()) 
    .pipe(gulp.dest(paths.assets.js)) // output: script.js 
    .pipe(notify({message: 'frontend.js converted'})); 
}); 

回答

2

這就是源地圖的用途。

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

gulp.task('frontend.js', function() { 
    return gulp.src([paths.dev.js + 'jquery.js', paths.dev.js + 'bootstrap.js', paths.dev.js + 'basic.js']) 
    .pipe(jsconcat('script.js')) 
    .pipe(sourcemaps.init()) 
    .pipe(uglify()) 
    .pipe(sourcemaps.write()) 
    .pipe(gulp.dest(paths.assets.js)) // output: script.js 
    .pipe(notify({message: 'frontend.js converted'})); 
}); 

它會附加源映射(即映射每個精縮線到原來的行)frontend.js

現在,如果您使用的是現代瀏覽器,例如Chrome或Firefox,則會看到原始代碼。

0

你的意思是你想串聯和涅槃的源文件之前,或者你想爲能的方式被通知JavaScript錯誤將縮小文件上的運行時錯誤與包含違規代碼的原始源文件進行匹配?

在後一種情況下,麥克回答是否完美,否則你應該在jsconcat之前使用jshint-stylish作爲jshint記者撥打電話gulp-jshint