Ошибка отображения javascript при использовании gulp

Question

Привет всем Я использую gulp uglify и concat, чтобы уменьшить код js.

Тем не менее, я хотел бы иметь способ обнаружить любую ошибку кодирования в исходном коде dev js, чтобы я мог проверить исходный код и не только уведомлялся после минимизации.

Могу ли я узнать, как я могу это сделать?

Ниже приведен код моего гелп.

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

Answer 1

Это то, к чему относятся карты источников.

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, вы увидите исходный код.

• Introduction to source maps
• How to use source maps in Chrome
• Another gulp plugin

Answer 2

ли вы имеете в виду, что вы хотите получать уведомления о яваскрипте ошибок перед конкатенацией и Минимизации исходных файлов или что вы хотите способ для возможности сопоставить ошибку времени выполнения в мини-файле с исходным исходным файлом, содержащим код нарушения?

В последнем случае ответ mak, если он совершенен, в противном случае вы должны проконсультироваться перед jsconcat, обратившись к gulp-jshint, используя, возможно, jshint-stylish в качестве репортера jshint.