Как запустить gulp 2?

Мне дали проект. Я скачал его с гита. Установил npm и nodeJS. Пытался запустить но выдавала кучу разных ошибок, большинство как я понял связанны с версией gulp, а именно на какой версии проект разрабатывали. Я узнал версию gulp проекта, она вторая. Но гуглив как запустить gulp выдает только по версии 4. Так вот как запустить gulp 2?

вот gulpfile.js с тасками

// npm install --save-dev gulp
// npm install --save-dev gulp-autoprefixer
// npm install --save-dev gulp-minify-css
// npm install --save-dev browser-sync
// npm install --save-dev gulp-imagemin
// npm install --save-dev imagemin-pngquant
// npm install --save-dev gulp-uglifyes
// npm install --save-dev gulp-sass
// npm install --save-dev gulp-rigger
// npm install --save-dev gulp-watch
// npm install --save-dev gulp-rename
// npm i --save-dev gulp-concat

const gulpIf = require('gulp-if');
const sourcemaps = require('gulp-sourcemaps');

var gulp = require('gulp'),
  watch = require('gulp-watch'),
  prefixer = require('gulp-autoprefixer'),
  uglify = require('gulp-uglifyes'),
  sass = require('gulp-sass'),
  rigger = require('gulp-rigger'),
  cssmin = require('gulp-minify-css'),
  rename = require('gulp-rename'),
  imagemin = require('gulp-imagemin'),
  pngquant = require('imagemin-pngquant'),
  browserSync = require("browser-sync"),
  concat = require('gulp-concat'),
  del = require('del'),
  reload = browserSync.reload,
  isDebug = true;
// isDebug = process.env.NODE_ENV !== 'production';

var path = {
  build: { //Тут мы укажем куда складывать готовые после сборки файлы
    html: 'build/',
    js: 'build/assets/js/',
    json: 'build/',
    css: 'build/assets/css/',
    img: 'build/assets/img/',
    root: 'build/assets/',
    fonts: 'build/assets/fonts/'
  },
  src: { //Пути откуда брать исходники
    html: ['src/*.html', 'src/assets/**/*.html', 'src/*.json'], //Синтаксис src/*.html говорит gulp что мы хотим взять все файлы с расширением .html
    js: [

      'node_modules/jquery/dist/jquery.min.js',
      'node_modules/slick-carousel/slick/slick.min.js',
      'node_modules/mmenu-js/dist/mmenu.js',
      'node_modules/mhead-js/dist/mhead.js',
      'node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.js',
      'node_modules/svg4everybody/dist/svg4everybody.min.js',
      'node_modules/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js',
      'node_modules/magnific-popup/dist/jquery.magnific-popup.min.js',
      'node_modules/parsleyjs/dist/parsley.min.js',
      'node_modules/jquery.cookie/jquery.cookie.js',
      'node_modules/inputmask/dist/jquery.inputmask.min.js',
      'node_modules/tiny-slider/dist/tiny-slider.js',
      'src/assets/libs/fselect/fSelect.min.js',
      'src/assets/js/main.js',
    ],
    json: 'src/*.json',
    style: 'src/assets/style/**/*.scss',
    img: 'src/assets/img/**/*.*', //Синтаксис img/**/*.* означает - взять все файлы всех расширений из папки и из вложенных каталогов
    root: 'src/assets/root/**/*.*',
    fonts: 'src/assets/fonts/**/*.*'
  },
  watch: { //Тут мы укажем, за изменением каких файлов мы хотим наблюдать
    html: 'src/**/*.html',
    js: 'src/assets/**/*.js',
    json: 'src/*.json',
    style: 'src/assets/style/**/*.scss',
    img: 'src/assets/img/**/*.*',
    root: 'src/assets/root/**/*.*',
    fonts: 'src/assets/fonts/**/*.*'
  },
  clean: './build'
};
// https://github.com/BrowserSync/browser-sync/issues/1458#issuecomment-417169447
const postSupport = function (req, res, next) {
  if (/\.json|\.txt|\.html/.test(req.url) && req.method.toUpperCase() === 'POST') {
    console.log('[POST => GET] : ' + req.url);
    req.method = 'GET';
  }
  next();
};
var config = {
  server: {
    baseDir: "./build"
  },
  // tunnel: true,
  host: 'localhost',
  port: 9000,
  logPrefix: "Frontend_Devil",
  middleware: [postSupport]
};
gulp.task('clean', function (cb) {
  del.sync('build'); // Удаляем папку dist перед сборкой
  cb();
});
gulp.task('html:build', function () {
  return gulp.src(path.src.html) //Выберем файлы по нужному пути
    .pipe(rigger()) //Прогоним через rigger
    .pipe(gulp.dest(path.build.html)) //Выплюнем их в папку build
    .pipe(reload({stream: true})); //И перезагрузим наш сервер для обновлений
});
gulp.task('js:build', function () {
  return gulp.src(path.src.js) //Найдем наш main файл
    .pipe(concat('main.js'))
    .pipe(rigger()) //Прогоним через rigger
    //.pipe(uglify())//Сожмем наш js
    .pipe(gulp.dest(path.build.js)) //Выплюнем готовый файл в build
    .pipe(reload({stream: true})); //И перезагрузим сервер
});
gulp.task('json:build', function () {
  return gulp.src(path.src.json) //Найдем наш main файл
    .pipe(gulp.dest(path.build.json)) //Выплюнем готовый файл в build
    .pipe(reload({stream: true})); //И перезагрузим сервер
});
gulp.task('style:build', function () {
  return gulp.src(path.src.style) //Выберем наш main.scss
    .pipe(sass()) //Скомпилируем
    .pipe(prefixer({
      overrideBrowserslist: ['last 2 versions'],
      cascade: false
    })) //Добавим вендорные префиксы
    .pipe(cssmin()) //Сожмем
    .pipe(rename({
      suffix: '.min'
    }))
    .pipe(gulp.dest(path.build.css)) //И в build
    .pipe(reload({stream: true}));
});
gulp.task('image:build', function () {
  return gulp.src(path.src.img) //Выберем наши картинки
    .pipe(imagemin([
      imagemin.gifsicle({interlaced: true}),
      imagemin.jpegtran({progressive: true}),
      imagemin.optipng({optimizationLevel: 5}),
      imagemin.svgo({
        plugins: [
          {removeViewBox: false},
          {cleanupIDs: false}
        ]
      })
    ]))
    .pipe(gulp.dest(path.build.img)) //И бросим в build
    .pipe(reload({stream: true}));
});

gulp.task('fonts:build', function (done) {
  gulp.src(path.src.fonts)
    .pipe(gulp.dest(path.build.fonts))
  done();
});

gulp.task('root:build', function (done) {
  gulp.src(path.src.root)
    .pipe(gulp.dest(path.build.root))
  done();
});
gulp.task('build', gulp.series([
  'clean',
  'html:build',
  'js:build',
  'style:build',
  'root:build',
  'fonts:build',
  'image:build'
]));
gulp.task('watch', function () {
  watch([path.watch.html], gulp.series('html:build'));
  watch([path.watch.style], gulp.series('style:build'));
  watch([path.watch.js], gulp.series('js:build'));
  watch([path.watch.json], gulp.series('json:build'));
  watch([path.watch.root], gulp.series('root:build'));
  watch([path.watch.img], gulp.series('image:build'));
  watch([path.watch.fonts], gulp.series('fonts:build'));
});
gulp.task('webserver', function () {
  browserSync(config);
});

gulp.task('default', gulp.parallel(['build', 'webserver', 'watch']));
// gulp.task('build', gulp.parallel(['build', 'webserver', 'watch']));
  • Вопрос задан
  • 71 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы