使用gull时显示javascript错误

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等现代浏览器，你会看到原始代码。

• 源地图简介
• 如何在Chrome中使用源地图
• 另一个gull插件

Answer 2

您的意思是希望在连接和缩小源文件之前收到javascript错误的通知，还是希望能够将缩小文件上的运行时错误与包含错误代码的原始源文件相匹配？

在后一种情况下，mak answer if perfect，否则您应该在jsconcat之前，使用jshint style作为jshint报告程序来调用gull jshint。