у меня через 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}));
});