gulp-sass-bulk-import
gulp-sass-bulk-import copied to clipboard
Breaks when using sass source maps
trafficstars
If I try to use sass-bulk-import with sourcemaps I get an error: file to import not found or unreadable
My Sass-setup:
gulp.task('sass', function() {
gulp.src('./scss/main.scss')
.pipe(bulkSass())
.pipe(sourcemaps.init())
.pipe(sass())
.pipe(sourcemaps.write(gulp.dest('app/css')))
.on("error", notify.onError({
message: "<%= error.message %>",
title: "Error CSS"
}))
.pipe(gulp.dest('app/css'))
.pipe(notify({
title: "CSS",
message: "Generated: <%= file.relative %>"
}))
;
});
Could you post your /scss directory structure & bulk import calls?
My scss directory looks like this
scss
|_____imports.scss
|____base
| |_____base.scss
| |_____input-text.scss
| |_____table.scss
| |_____textarea.scss
|____components
| |_____clearfix.scss
| |_____inline-block.scss
| |_____media.scss
| |_____opacity.scss
| |_____overflowhidden.scss
| |_____retina-sprite.scss
| |_____visuallyhidden.scss
| |_____white-link.scss
|____functions
| |_____floatdirection.scss
| |_____floatinverse.scss
|____main.scss
|____modules
| |_____btn.scss
| |_____clearfix.scss
| |_____constrained.scss
| |_____icon.scss
| |_____image.scss
| |_____visuallyhidden.scss
|____oldIE.scss
|____settings
| |_____breakpoint.scss
| |_____color.scss
| |_____grid.scss
| |_____sprite.scss
| |_____typography.scss
main.scss looks like this
@import "functions/**/_*.scss";
@import "settings/**/_*.scss";
@import "components/**/_*.scss";
@import "base/**/_*.scss";
@import "modules/**/_*.scss";