Пути импорта Gulp Sass Неправильно

Question

У меня возникла проблема с моим файлом сборки gulp с импортом sass.

Я использую gulp-importify для создания файла build.scss, который имеет правильный порядок моих зависимостей, сторонний css и мой собственный css.

Importify задача

module.exports = function() { 
    APP.gulp.src(APP.concat.sass) 
    .pipe(APP.tasks.importify('build.scss', { 
    cssPreproc: 'scss' 
    })) 
    .pipe(APP.gulp.dest('build/sass/')); 
}; 

Моя структура папок выглядит следующим образом:

gulp 
- bower_components 
- build 
    - sass 
    - build.scss 
    - modules 
     -forms.scss 

build.scss файл, который содержит импорт имеет следующие пути

@import "_bootstrap-sprockets"; 

@import "variables.scss"; 

@import "modules/form.scss"; 

но компоненты боковины возвращаются в два каталога.

@import "../../bower-components/bootstrap-sass/assets/stylesheets/_bootstrap-sprockets"; 

@import "variables.scss"; 

@import "modules/form.scss"; 

Есть ли другой способ или способ установки полного относительного/правильного пути импорта в Gulp?

Answer 1

Я нашел решение. Я добавил базовый путь через gulp.src следующим образом:

module.exports = function() { 
    APP.gulp.src(APP.concat.sass, 
    {base: 'build/sass'}) 
    .pipe(APP.tasks.imports('build/sass/build.scss', { 
    cssPreproc: 'scss' 
    })) 
    .pipe(APP.gulp.dest('.')); 
}; 

Вы также можете использовать глобальный объект процесса, доступных в узле, чтобы получить текущий рабочий каталог. Таким образом, вы можете установить основание на:

{base: process.cwd() }