Нашел решение, может кому пригодиться=)) Livstyle нормально зработал!!!!
итак:
.pipe(sourcemaps.init()
1) вешаем после формирования css.
2) указываем инструкцию {loadMaps: true}.
3) запись sourcemaps.write(".") обязательно полсе префиксера, тк префиксер трет комментарий /*# sourceMappingURL=main.css.map */
итог у меня получилось:
//compass main.css
gulp.task('compass', ['cleancss'], function() {
gulp.src('./develop/scss/main.scss')
.pipe(compass({
config_file: './config.rb',
sourcemap: true,
css: 'develop/css',
sass: 'develop/scss'
}))
.on('error', function(error){
console.log(error);
})
.pipe(sourcemaps.init({loadMaps: true}))
.pipe(autoprefixer({
browsers: ['last 2 version', '> 2%', 'firefox 15', 'safari 5', 'ie 6', 'ie 7', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4']
}))
.pipe(sourcemaps.write("."))
.pipe(gulp.dest('./develop/css'))
.pipe(reload({stream:true}));
});