Задать вопрос

nonamer_city

Лайки

  • Как копировать css в gulp?

    DanielTonne
    @DanielTonne 
    gulp.task('css', (callback) => {
    return gulp.src('./src/css/*.css')
        .pipe(gulp.dest('./build/css/'))
        .pipe(browserSync.stream())
    callback()
});


    Но вообще лучше в папке с исходниками scss сделать папку, например, vendor, туда положить стили Swiper предварительно перегнав исходный css-файл в sass(scss), а после в через import подключить все к входной точке app.scss. Сам файл app.scss указываете в Gulp.

    Пример:

    const path = {
  css: {
    src: srcPath + 'sass/*.sass',
    app: appPath + 'css/',
    build: buildPath + 'css/',
    watch: srcPath + 'sass/**/*.{sass,scss}'
  },
}


    function css(cb) {
  return src(path.css.src, {base: srcPath + 'sass/'})
    .pipe(newer(path.css.app + '*.css'))
    .pipe(sourcemaps.init())
    .pipe(plumber({
      errorHandler: function (err) {
        notify.onError({
          title: 'SASS Error',
          message: 'Error <%= error.message %>'
        })(err)
        this.emit('end')
      }
    }))
    .pipe(sass({
      includePaths: './node_modules/'
    }))
    .pipe(autoprefixer({
      cascade: true,
      remove: false
    }))
    .pipe(sourcemaps.write())
    .pipe(rename({
      suffix: '.min',
      extname: '.css'
    }))
    .pipe(dest(path.css.app))
  cb()
}


    Пример структуры:
    62136f247288b026064776.png
    Ответ написан
    1 комментарий
    1 комментарий

  • Как реализуется такая анимация?

    Dnebl
    @Dnebl
    https://scrollmagic.io/
    Ответ написан
    Комментировать
    Комментировать

  • Как добавить jquery и bootstrap в gulp?

    @bondarenkoIlya
    На подобии такого можно сделать
    // libs to css

gulp.task('css', function () {
	return gulp.src([
		'node_modules/normalize.css/normalize.css',
		'node_modules/slick-carousel/slick/slick.css'
	])
		.pipe(concat('_libs.scss'))
		.pipe(gulp.dest('app/scss'))
		.pipe(browserSyns.reload({ stream: true }))
});

// js

gulp.task('js', function () {
	return gulp.src([
		'node_modules/slick-carousel/slick/slick.js'
	])
		.pipe(concat('libs.min.js'))
		.pipe(uglify())
		.pipe(gulp.dest('app/js'))
		.pipe(browserSyns.reload({ stream: true }))
});
    Ответ написан
    Комментировать
    Комментировать

  • Как добавить jquery и bootstrap в gulp?

    black1277
    @black1277
    Вольный стрелок
    Вам нужно использовать сборщик проекта webpack Gulp и webpack - как и зачем подружить системы сбо...
    Как альтернативу можно попробовать сочетание плагинов rollup и babel
    Ответ написан
    Комментировать
    Комментировать