у меня через less.
что очень важно для slick - порядок подключения
@import (less) '../slick/slick.css';
@import (less) '../slick/slick-theme.css';
@import (less) '../css/animate.css';
@import (less) '../css/bootstrap.css';
@import (less) '../../bower_components/fotorama/fotorama.css';
до этого было, что
Dmitrijs Balcers (less) '../slick/slick.css' и
Dmitrijs Balcers (less) '../slick/slick-theme.css' импортировал в конец и все плыло, но потом почитал документацию и решил переместить в начало. И вот удача
В коде сумбур. Чужое переделываю.
gulp.task('less', function () {
return gulp.src('src/less/**/*.less')
.pipe(sourcemaps.init())
.pipe(less({
paths: [path.join(__dirname, 'less', 'includes')],
}))
.pipe(autoprefixer(['last 15 versions', '>1%', 'ie 8', 'ie 7'], {cascade: true}))
.pipe(sourcemaps.write('./maps'))
.pipe(gulp.dest('src/css'))
.pipe(browserSync.reload({stream: true}));
});