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

привет всем, я использую 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'}));   
});

person davidlee    schedule 31.10.2014    source источник


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

person mak    schedule 31.10.2014

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

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

person Ghidello    schedule 31.10.2014