gulpfile.jsでgulp-plumber部分にエラーメッセージが出るので、stackoverflow.com等で事例を見てみたんですが解決策がわからず・・・・。
※一応、動いています。
teminal
1[05:18:04] Starting 'js'... 2[BS] Reloading Browsers... 3[05:18:04] 'js' errored after 1.64 ms 4[05:18:04] Error in plugin 'plumber' 5Message: 6 Can't pipe to undefined
javascript
1var gulp = require('gulp'); 2var browserSync = require('browser-sync').create(); 3var reload = browserSync.reload; 4var plumber = require('gulp-plumber'); 5var rename = require('gulp-rename'); 6var sourcemaps = require('gulp-sourcemaps'); 7var sass = require('gulp-sass'); 8var csslint = require('gulp-csslint'); 9var autoPrefixer = require('gulp-autoprefixer'); 10//if node version is lower than v.0.1.2 11require('es6-promise').polyfill(); 12var cssComb = require('gulp-csscomb'); 13var cmq = require('gulp-merge-media-queries'); 14var frontnote = require('gulp-frontnote'); 15var cleanCss = require('gulp-clean-css'); 16var uglify = require('gulp-uglify'); 17var imageMin = require('gulp-imagemin'); 18var cache = require('gulp-cache'); 19var notify = require('gulp-notify'); 20gulp.task('sass',function(){ 21 gulp.src(['src/asset/css/**/*.scss']) 22 .pipe(plumber({ 23 handleError: function (err) { 24 console.log(err); 25 this.emit('end'); 26 } 27 })) 28 .pipe(frontnote({ 29 out: 'docs/css' 30 })) 31 .pipe(sourcemaps.init()) 32 .pipe(sass()) 33 .pipe(autoPrefixer()) 34 .pipe(cssComb()) 35 .pipe(cmq({log:true})) 36 .pipe(csslint()) 37 .pipe(csslint.reporter()) 38 .pipe(gulp.dest('dist/asset/css')) 39 .pipe(rename({ 40 suffix: '.min' 41 })) 42 .pipe(cleanCss()) 43 .pipe(sourcemaps.write()) 44 .pipe(gulp.dest('dist/asset/css')) 45 .pipe(reload({stream:true})) 46 .pipe(notify('css task finished')); 47}); 48gulp.task('js',function(){ 49 gulp.src(['src/asset/js/**/*.js']) 50 .pipe(plumber({ 51 handleError: function (err) { 52 console.log(err); 53 this.emit('end'); 54 } 55 })) 56 .pipe(gulp.dest('dist/asset/js')) 57 .pipe(rename({ 58 suffix: '.min' 59 })) 60 .pipe(uglify()) 61 .pipe(gulp.dest('dist/asset/js')) 62 .pipe(reload()) 63 .pipe(notify('js task finished')); 64}); 65gulp.task('html',function(){ 66 gulp.src(['src//**/*.html']) 67 .pipe(plumber({ 68 handleError: function (err) { 69 console.log(err); 70 this.emit('end'); 71 } 72 })) 73 .pipe(gulp.dest('dist/')) 74 .pipe(reload()) 75 .pipe(notify('html task finished')); 76}); 77gulp.task('image',function(){ 78 gulp.src(['src/asset/images/**/*']) 79 .pipe(plumber({ 80 handleError: function (err) { 81 console.log(err); 82 this.emit('end'); 83 } 84 })) 85 .pipe(cache(imageMin())) 86 .pipe(gulp.dest('dist/asset/images')) 87 .pipe(reload()) 88 .pipe(notify('image task finished')); 89}); 90gulp.task('default',function(){ 91 browserSync.init({ 92 server: "dist/" 93 }); 94 gulp.watch('src/asset/js/**/*.js',['js']); 95 gulp.watch('src/asset/css/**/*.sass',['scss']); 96 gulp.watch('src//**/*.html',['html']); 97 gulp.watch('src/asset/images/**/*',['image']); 98}); 99
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。