Problem with gulp-sass ? Or gulp-autoprefixer ? Or gulp-sourcemaps ? #60
Description
Hi,
There is a lot of issue about mixing gulp-sass and/or gulp-autoprefixer with gulp-sourcemaps.
For example : dlmanning/gulp-sass#106, sindresorhus/gulp-autoprefixer#8
I just spend 2 hours debugging to find out where the problem come from, and still no success.
But I finally noticed something (but still don't know where the problem come from).
In source-map-generator.js @ Line 359, I watched the key value.
In this configuration:
gulp.task('css', function () {
gulp.src('./assets/sass/style.scss')
.pipe(sourcemaps.init())
.pipe(sass())
//.pipe(sourcemaps.write({includeContent: false}))
//.pipe(sourcemaps.init({loadMaps: true}))
.pipe(autoprefixer())
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('./public/css'))
});The value of the key is $style.css, and it does not work
But in this configuration:
gulp.task('css', function () {
gulp.src('./assets/sass/style.scss')
.pipe(sourcemaps.init())
.pipe(sass())
.pipe(sourcemaps.write({includeContent: false}))
.pipe(sourcemaps.init({loadMaps: true}))
.pipe(autoprefixer())
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('./public/css'))
});The value of the key is $style.scss, and it works
Because with the two configurations, _sourcemapContents in source-map-generator.js#360 has always a $style.scss key.
Hope this helps to resolve this issue, and to find if the problem come from sourcemap, sass or autoprefixer (or something else)