Gulp slick-carousel кривая работа или руки?

Question

[chaki1ban]

Подключаю значит все как положено:

<link rel="stylesheet" href="slick/slick.css">
 <link rel="stylesheet" href="slick/slick-theme.css">
 <link rel="stylesheet" href="css/style.css">

  <div class="zon">
    <div class="slick-track">
        <div><img src="img/arduino.svg" alt="arduino"></div>
        <div><img src="img/firefox.svg" alt="firefox"></div>
        <div><img src="img/kotlin.svg" alt="kotlin"></div>
        <div><img src="img/telegram.svg" alt="telegram"></div>
        <div><img src="img/twitter.svg" alt="twitter"></div>
        <div><img src="img/visual-studio-code.svg" alt="vscode"></div>
      </div>
    </div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="slick/slick.js"></script>
<script src="js/main.js"></script>

Без Gulp выглядит как надо:

Если включить Gulp, то получается вот так:


Интересно почему так получается?

Comments

[Rustam Bainazarov]

Наверное, что-то происходит не так.

Ну вот вы сами-то разобрались с такой проблемой без кода конфигурации Gulp? Если не хотите присылать, то смотрите в первую очередь на очередность соединения ваших CSS-файлов, если какой-то файл должен перезаписывать другой, он должен идти после. Но ещё у меня подозрение, что стили Slick вообще не применяются, т. е. их нет.

[chaki1ban]

Рустам Байназаров,
мой галп файл

var gulp = require('gulp'),
    sass = require('gulp-sass'),
    browserSync = require('browser-sync');
    autoprefixer = require('gulp-autoprefixer');
    
gulp.task('sass', function() {
  return gulp.src('app/sass/**/*.sass')
  .pipe(sass())
  .pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true}))
  .pipe(gulp.dest('app/css'))
  .pipe(browserSync.reload({stream: true}))
});

gulp.task('browser-sync', function() {
  browserSync({
    server: {
      baseDir: 'app'
    },
    notify: false
  });
});

gulp.task('watch', ['browser-sync'], function() {
  gulp.watch('app/sass/**/*.sass', ['sass']);
  gulp.watch('app/css/**/*.css', browserSync.reload);
  gulp.watch('app/**/*.html', browserSync.reload);
  gulp.watch('app/js/**/*.js', browserSync.reload);
});

[Rustam Bainazarov]

Ислам Гаписов, панель разработки что-то говорит, есть там вообще стили нужные для DOM слайдера после Gulp?