Question

大家好我正在使用gulp uglify和concat来缩小js代码。

但是，我想有办法检测原始开发代码中的任何编码错误，以便我可以检查原始代码，而不仅仅是在缩小后通知。

我可以知道我该怎么做？

以下是我的gulp代码。

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

Answer 2

你的意思是你希望在连接和缩小源文件之前收到关于javascript错误的通知，或者你想要一种能够将缩小文件上的运行时错误与包含违规代码的原始源文件相匹配的方法？

在后一种情况下，如果完美，mak会回答，否则你应该在jsconcat之前使用gulp-jshint作为jshint报告来调用jshint-stylish。

使用gulp时显示javascript错误

2 个答案: