Проблема с background-image в Stylus?

Question

[Marolex]

Вот простой проект :

project/
       package.json
       node_modules
       gulpfiel.js
       app/
          images/ 1.jpg
          stylus/ main.styl
          css/ main.css
          index.html

Пишем допустим

html
  background-image url(../images/1.jpg)

Компилируем и вылетает ошибка от gulp-stylus якобы нету такого файла

Message:
    ENOENT: no such file or directory, open 'C:\Users\Администратор\Desktop\images\1.jpg'

Как заметили он ищет папку images не в папке app а в родителя Рабочий стол в котором лежит наший project
Если поправить вручную в css и открыть index.html то все подключается
А костыль это скопировать папку images на рабочий стол.
Нашел вот такое но разобратся не могу.
Кто сталкивался с подобным и как решить такое :(

Answer 1

[Алексей П]

gulpfile.js можешь выложить? Посмотрим, что в настройках.

Comments

[Marolex]

Вот, держи. Он постоянно редактируется и возможно что то можна лучше написать, коментарии приветсвуются.
codepen.io/Nonlimit/pen/gaXbJL?editors=001

[Marolex]

Создал отдельный простой gulpfile
'use strict'
let gulp = require('gulp'),
stylus = require('gulp-stylus');

gulp.task('css', () => {
return gulp.src('app/stylus/main.styl')
.pipe(stylus())
.pipe(gulp.dest('app/test'));
});

И он отлично берет url
Выходит это проблема в poststylus

[Алексей П]

Marolex: мне кажется, что стайлус отрабатывает норм. Настройки минимальные. Ты не думал, что причина может быть в препроцессоре js или обилии плагинов для ксс. Я бы поотключал и по-отлаживал.

[Marolex]

Алексей П: нашел причину это все был cssgrace
когда отключаеш то все работает

[Алексей П]

Marolex: поздравляю!