MRkiborg
@MRkiborg
Начинающий веб мастер

Gulp выдает ошибку?

Здравствуйте помогите пожалуйста не могу понять почему возникает ошибка установил nodejs через brew потом установил
gulp npm install gulp -g

создал проект
mkdir Gus
cd Gus

npm init

установил ruby и phyton через brew

сохранил проект npm install gulp --save-dev

устоновил библиотеки npm install gulp-ruby-sass gulp-autoprefixer gulp-minify-css gulp-rename --save-dev

создал gulpfile.js,
написал это

var gulp = require('gulp'),
sass = require('gulp-ruby-sass'),
autoprefixer = require('gulp-autoprefixer'),
minifycss = require('gulp-minify-css'),
rename = require('gulp-rename');
gulp.task('styles', function() {
return gulp.src('sass/*.scss')
.pipe(sass({ style: 'expanded' }))
.pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1'))
.pipe(gulp.dest('css'))
.pipe(rename({suffix: '.min'}))
.pipe(minifycss())
.pipe(gulp.dest('css'));
});

создал папку sass и файл style.scss
написал следующее
$color: #eee;
#box {
color : $color;
box-sizing: border-box;
}

запустил следующую команду:
gulp styles

выдает ошибку

Gus user$ gulp styles
[02:57:00] Using gulpfile ~/Desktop/Site/Gus/gulpfile.js
[02:57:00] Starting 'styles'...
[02:57:00] 'styles' errored after 9.28 ms
[02:57:00] TypeError: glob pattern string required
at new Minimatch (/Users/user/Desktop/Site/Gus/node_modules/minimatch/minimatch.js:116:11)
at setopts (/Users/user/Desktop/Site/Gus/node_modules/glob/common.js:118:20)
at new GlobSync (/Users/user/Desktop/Site/Gus/node_modules/glob/sync.js:40:3)
at Function.globSync [as sync] (/Users/user/Desktop/Site/Gus/node_modules/glob/sync.js:26:10)
at gulpRubySass (/Users/user/Desktop/Site/Gus/node_modules/gulp-ruby-sass/index.js:71:21)
at /Users/user/Desktop/Site/Gus/gulpfile.js:9:11
at taskWrapper (/Users/user/Desktop/Site/Gus/node_modules/undertaker/lib/set-task.js:13:15)
at bound (domain.js:415:14)
at runBound (domain.js:428:12)
at asyncRunner (/Users/user/Desktop/Site/Gus/node_modules/async-done/index.js:55:18)
  • Вопрос задан
  • 706 просмотров
Решения вопроса 1
IlyaDeveloper
@IlyaDeveloper
Top Rated | Expert Web Developer
Так бро смотри вот юзай!
const gulp = require('gulp'), // Подключаем Gulp
    cleanCSS = require('gulp-clean-css'),
    sass = require('gulp-sass'), // Подключаем Sass пакет
    autoprefixer = require('gulp-autoprefixer'),
    concat = require('gulp-concat'); // Подключаем библиотеку для объеденения файлов

let pathBuild = './dist/',  pathSrc = './src/';

gulp.task('sass', function () {
    return gulp.src(pathSrc + 'sass/**/*.+(sass|scss)')
        .pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
        .pipe(autoprefixer({browsers: ['ie >= 9', 'last 2 version'], cascade: false}))
        .pipe(cleanCSS({compatibility: 'ie9'}))
        .pipe(gulp.dest(pathBuild + 'css'));
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
maxlanser
@maxlanser
Front End Developer
Проверьте autoprefixer, если не ошибаюсь то список браузеров пишется в массиве
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы