Проблема с gulp-compass

O
На сайте с 04.08.2016
Offline
0
975

Здравствуйте. Во время компиляции gulp сильно ругается:


directory assets/css

error C:/OpenServer/domains/gulp.loc/templates/public/css/common/common.scss (Line 62 of C:/OpenServer/domains/gulp.loc/templates/public/css/common/_buttons.scss: Invalid URL: ../images/icon-read.png (not enough parent directories) for `image-url')

Compilation failed in 1 files.

Как видно, компиляция спотыкается на 62 строке, а именно, на функции compass'a image-url

Уже 2ой день не могу понять в чем именно проблема.

62 строка выглядит так:


background: image-url('icon-read.png') no-repeat 15px center;

Полный конфиг gulp'a:


var gulp = require("gulp");
var compass = require('gulp-compass');

gulp.task('compass', function() {
gulp.src('../css/**/*.scss')
.pipe(compass({
http_path: '/',
css: 'assets/css',
sass: '../css/common',
image: '../images',
font: '../fonts'
}))
.pipe(gulp.dest('assets/css'));
});

Ну и структура папок в проекте:

Все модули, плагины и фреймворки последних версий.

Очень нужна ваша помощь.

O
На сайте с 04.08.2016
Offline
0
#1

Пришлось откатить compass до последней stable версии 1.0.3

и немного изменить конфиг gulp'a:


gulp.task('compass', function() {
gulp.src('./**/*.scss')
.pipe(compass({
css: '../assets/css',
sass: '../css/common',
image: '../assets/images',
font: '../assets/fonts',
}))
.pipe(gulp.dest('../assets/css'));
});

Вроде все работает. С путями конечно полный бардак. Grunt в свое время настраивался куда проще...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий