سلام،

اجباری در استفاده یک روش وجود نداره، هر دورو میتونید به یک روش استفاده کنید، بصورت دستی میتونید type رو یکی کنید.

روش دیگر استفاده از پکیج gulp-load-plugins که بصورت خودکار پلاگین هارا اضافه میکند.

const gulp = require('gulp');
const plugins = require('gulp-load-plugins')();

بصورت Lazy Load خواهد بود. وقتی plugins.name() را صدا میزنید پلاگین مورد نظر لود میشود:

plugins.imagemin()
plugins.sass()

متوجه نشدم ...

اوکی نظرتون راجع به استفاده از webpack چیه بهتر نیست که برم و اونو یاد بگیر م ؟؟

چه قسمتیو متوجه نشدید تا توضیح بدم؟

من حقیقت روش ادد کردن پکیج هارو و نحوه استفاده هم کمی متفاوته چون استاد ی جور گفتن و توی داکیومنت‌ها به صورت دیگر اعمال شده و به نظر میرسه که تداخل داشته باشه با روش استاد ...

ساده‌ترین راه اینه از پلاگین‌های خود gulp در کنار هم استفاده کنید.

منظورم اینه بجای node-sass از پلاگین gulp-sass در کنار gulp-imagemin استفاده کنید تا درگیر موضوعات دیگر نشوید.

پکیج gulp-sass رو اگر نگاه بندازید(داخل فولدر نصبی و فایل package.json اش) میبینید node-sass رو بعنوان dependency در خودش داره.

پس با توجه به توضیحات این صفحه، با کامند زیر نصبش کنید:

npm install sass gulp-sass --save-dev

ونمونه کدی از نوع استفاده:

import gulp from 'gulp';
// imagemin
import imagemin from 'gulp-imagemin';
// sass
import dartSass from 'sass';
import gulpSass from 'gulp-sass';
const sass = gulpSass(dartSass);
gulp.task('images', () => {
  return gulp.src('src/images/*')
    .pipe(imagemin())
    .pipe(gulp.dest('dist/images'))
});
gulp.task('sass', () => {
  return gulp.src('src/styles/*.scss')
    .pipe(sass())
    .pipe(gulp.dest('dist/css'))
});