Ответы пользователя по тегу Gulp.js
  • Как копировать 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 комментарий