В browser-sync постоянно перезагружает страницу?

Question

[Djoni Kage]

при запуске gulp browser-sync постоянно перезагружает страницу

1 file changed (main.min.js) [14:45:58] Finished 'scripts' after 3.63 s [14:45:58] Starting 'scripts'.

типа постоянно изменяется файл (main.min.js)

$(function () {
  $(".top-slider__inner").slick({
    dots: true,
    arrows: false,
  });
     $("#rateYo").rateYo({
       rating: 3.6,
       starWidth: "17px",
       normalFill: "#A0A0A0",
     });


});

const uglify = require("gulp-uglify");

@import '../../node_modules/slick-carousel/slick/slick.scss';

@import '../../node_modules/@fancyapps/ui/dist/fancybox';

@import '../../node_modules/rateyo/src/jquery.rateyo';

{
  "name": "gulp-start",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "dj",
  "license": "ISC",
  "devDependencies": {
    "del": "^6.0.0",
    "gulp": "^4.0.2",
    "gulp-autoprefixer": "^8.0.0",
    "gulp-concat": "^2.6.1",
    "gulp-imagemin": "^7.1.0",
    "gulp-sass": "^5.0.0",
    "rateyo": "^2.3.2",
    "sass": "^1.44.0",
    "slick-carousel": "^1.8.1"
  },
  "dependencies": {
    "@fancyapps/ui": "^4.0.11",
    "browser-sync": "^2.27.7",
    "gulp-uglify": "^3.0.2",
    "jquery": "^3.6.0"
  }
}

Comments

[Алексей Дубровин]

Эм а код gulp ?

[Djoni Kage]

Алексей Дубровин, это подключенные библиотеки. плагины и main.js

const { src, dest, watch, parallel, series  } = require('gulp');

const scss              = require("gulp-sass")(require("sass"));
const concat            = require("gulp-concat");
const autoprefixer      = require("gulp-autoprefixer");
const uglify            = require("gulp-uglify");
const imagemin          = require("gulp-imagemin");
const del         = require("del");
const { reload } = require('browser-sync');
const browserSync            = require("browser-sync").create();




function browsersync(params) {
  browserSync.init({
    server:{
      baseDiu:'app/'
    },
    notify:false 
  })
}

function styles() {
  return src("app/scss/style.scss")
    .pipe(scss({ outputStyle: "compressed" }))
    .pipe(concat("style.min.css"))
    .pipe(
      autoprefixer({
        overrideBrowserslist: ["last 10 versions"],
        grid: true,
      })
    )
    .pipe(dest("app/css"))
    .pipe(browserSync.stream());
  
}


function scripts() {
  return src([
    "node_modules/jquery/dist/jquery.js",

    "node_modules/slick-carousel/slick/slick.js",
    
    "node_modules/@fancyapps/ui/dist/fancybox.umd.js",
    
    "node_modules/rateyo/src/jquery.rateyo.js",

    "app/js/main.js"
    
  ])
    .pipe(concat("main.min.js"))
    .pipe(uglify())
    .pipe(dest("app/js"))
    .pipe(browserSync.stream());
  
}

function images() {
  return src("app/images/**/*.*")
    .pipe(
      imagemin([
        imagemin.gifsicle({ interlaced: true }),
        imagemin.mozjpeg({ quality: 75, progressive: true }),
        imagemin.optipng({ optimizationLevel: 5 }),
        imagemin.svgo({
          plugins: [{ removeViewBox: true }, { cleanupIDs: false }],
        }),
      ])
    )
    .pipe(dest("dist/images"));
}

function build() {
  return src([
    'app/**/*.html',
    'app/css/style.min.css',
    'app/js/main.min.js',

  ], {base:'app'})
  .pipe(dest('dist'))
}

function cleanDist(params) {
  return del('dist')
}


function watching() {
  watch(["app/scss/**/*.scss"], styles);
  watch(['app/js/**/*.js','!app/js/main.js'], scripts);
  watch(['*.html']).on('change',browserSync.reload);

}


exports.styles = styles;

exports.scripts = scripts;

exports.browsersync = browsersync;

exports.watching = watching;

exports.images = images;

exports.cleanDist = cleanDist;

exports.build = series(cleanDist, images, build);

exports.default = parallel(styles, scripts, browsersync, watching);

[Djoni Kage]

Djoni Kage, вот gulp

[Djoni Kage]

Алексей Дубровин, какие данные нужны что бы выявить проблему?

[Алексей Дубровин]

Djoni Kage,

watch(['app/js/**/*.js','!app/js/main.js'], scripts); // Вы не тот файл игнорируете.

Ваш файл компилируется в main.min.js
Соответственно файл обновляется, всё запускается снова.

[Djoni Kage]

Алексей Дубровин, подскажите что изменить чтобы. нормально работал

[Djoni Kage]

Алексей Дубровин, заменить на '!app/js/main.min.js' правильно я понял?

[Djoni Kage]

Алексей Дубровин, сработало благодарю за помощь