yudum 4, nasıl benim gulpfile.js çalışma almak için?

oy
0

Hasta 4 yudum geçirmek çalışıyor değilim, ben ben serisi, paralel ilgili yeni fonksiyonlar API, hakkında okumak .... yapıyor neredeyse 2 gün boşa. Ben daha önceki tüm paketlerin temiz bir kaldırma yaptım ve yerel yudum 4 kurulup yudum-cli global.

Benim konsol gösterileri

[17:17:07] CLI version 2.0.1
[17:17:07] Local version 4.0.0

İşte benim gulpfile.js (i ayrıca w fonksiyonları açıklayan çalıştı / o gulp.task ama basit adlandırılmış işlev bildiriminde ve sonra yapmakla exports.funcName = funcname)

    var gulp                = require(gulp),
      browserSync           = require(browser-sync),
      cssNano               = require(cssnano),
      sass                  = require(gulp-sass),
      plumber               = require(gulp-plumber),
      gutil                 = require(gulp-util),
      uglifyJs              = require(gulp-uglify-es).default,
      rename                = require(gulp-rename),
      pug                   = require(gulp-pug),  
      concat                = require(gulp-concat);



    gulp.task('server', gulp.series( (done) => {
      browserSync.init({
      server: ./,
      notify: false
      });

      done();
    }));


    gulp.task('pug', gulp.series( () => {
      gulp.src('pug/pages/*.pug')
      .pipe(pug({
        pretty: true
      }))
      .pipe(gulp.dest('./'));
    }));


    gulp.task('sass', gulp.series( () => {
      return gulp.src('sass/*.+(sass|scss)')
          .pipe(plumber(function(error) {
            gutil.log(error.message);
            this.emit('end');
          }))
          .pipe(sass())
          .pipe(gulp.dest('css/'))
          .pipe(browserSync.reload({stream:true}))
    }));



    gulp.task('uglify', gulp.series( function() {
      return gulp.src(['js/*.js', '!js/*.min.js'])
          .pipe(uglifyJs())
          .on('error', function (err) {
            console.error('Error in js task', err.toString());
          })
          .pipe(rename(function(path) {
            path.basename += .min
          }))
          .pipe(gulp.dest('js/'))
          .pipe(browserSync.reload({ stream: true }));
    }));

    gulp.task('compress', gulp.series('uglify', () => {
      return gulp.src(['js/*.min.js', '!js/all.min.js'])
          .pipe(concat('all.min.js'))
          .pipe(gulp.dest('js/'))
    }));



    gulp.task('watch', gulp.series('server', function () {
      gulp.watch('*.html', browserSync.reload);
      gulp.watch('sass/*.+(sass|scss)', ['sass']);
      gulp.watch('js/*.js', ['js']);
    }));


    gulp.task('default', watch);

Neyse ben hep hataları ..... ReferenceError alma: izle tanımlı veya Onaylama Hata anykind değil

yardım pls ....

Oluştur 20/10/2018 saat 14:21
kaynak kullanıcı
Diğer dillerde...                            


1 cevaplar

oy
1

Bu gerçekten stackoverflow bir büyüdür. Bir sorum :) oluşturduktan sonra 5-15 dakika içinde çözüm bulmak.

Benim için Solüsyonu bu formata izle görevi yeniden yazma oldu:

gulp.task('watch', gulp.series('server'));

function watch () {
     gulp.watch('*.html', browserSync.reload);
     gulp.watch('sass/*.+(sass|scss)', sass);
};
Cevap 20/10/2018 saat 14:46
kaynak kullanıcı

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more