اذهب إلى المحتوى
  • 0

مساعدة في gulp الإصدار 4.0.2

عبد الواحد الحدادي

السؤال

مرحباً بكم جميعاً، 

أحاول تعلم gulp الإصدار الرابع، وواجهتني هذه المشكلة ـ انظر للصورة المرفقة من فضلك ـ 

ما يعني ذلك ؟ هل الأمر متعلق بـ browserSync من جانب الـ server ؟

هذه هو code جولب إلى حدّ الآن :

var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();


  // Reaoled Browser auto

  gulp.task('browserSync', function() {
      browserSync.init({
          server: {
              baseDir: 'app'
            },
        })
    })

    gulp.task('sass', function() {
        return gulp.src('app/sass/**/*.scss') // Gets all files ending with .scss in app/scss
          .pipe(sass())
          .pipe(gulp.dest('dest/css'))
          .pipe(browserSync.reload({
            stream: true
          }));
      })
      



// Tasks Watch 

gulp.task('watch', ['browserSync', 'sass'], function() {
    gulp.watch('app/sass/**/*.scss', gulp.series(['sass'])); 
    // Other watchers
})

شكراً لكم جميعاً .

gulp.PNG

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

لقد غيّر Gulp 4.0 الطريقة التي ينبغي بها تحديد المهام إذا كانت المهمة تعتمد على مهمة أخرى ليتم تنفيذها. تم إهمال القائمة أثناء التعريف واستبدالها.

سابقاً أثناء التعريف على سبيل المثال:

// Starts a BrowerSync instance
gulp.task('server', ['build'], function(){
  browser.init({server: './_site', port: port});
});

بدلاً من list قاموا بإدخال gulp.series () و gulp.parallel ().

وبالتالي يجب تغييرها إلى:

// Starts a BrowerSync instance
gulp.task('server', gulp.series('build', function(){
  browser.init({server: './_site', port: port});
}));

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...