appleboy / gulp-compass

Compass plugin for gulp
MIT License
174 stars 55 forks source link

Sourcemap integration #45

Closed christophrumpel closed 10 years ago

christophrumpel commented 10 years ago

Hey,

I am trying to integrate Sass sourcemap but it is not working and I get this error when I try to run gulp.

Error: invalid option: --sourcemap

This is how my configuration looks like:

gulp.task('styles', function() {
     gulp.src(dirSass + '/style.scss')
        .pipe(compass({
             css: dirStyles,
            sass: dirSass,
            image: dirImagesDest,
            sourcemap: true
        }))
        .pipe(minifycss())
        .pipe(rename('style.min.css'))
        .pipe(gulp.dest(dirStyles))
        .pipe(notify('Styles are updated Master.'))
        .pipe(livereload());
});

Should this work like this?

Compass version: Compass 0.12.6 (Alnilam) Sass version: Sass 3.3.7 (Maptastic Maple)

grayghostvisuals commented 10 years ago

@christophrumpel This is a doop of issue #24. Currently there's no .map file being generated.

christophrumpel commented 10 years ago

oh I see. Hm... but there is no concrete answer yet right? Has this worked for anyone yet? My error says that sourcemap option doesn't exist. You haven't found any solution yet too?

grayghostvisuals commented 10 years ago

@christophrumpel

…but there is no concrete answer yet right?

Not as of yet.

Has this worked for anyone yet?

It's not generating a .map file which sourcemaps require to operate

I have a repo setup with all the configs if you wanna check it out. This branch is specifically for gulp-compass https://github.com/grayghostvisuals/sourcemaps/tree/compass/gulp-compass

appleboy commented 10 years ago

@grayghostvisuals I will test your repo as soon as possible.

appleboy commented 10 years ago

Please view the following comment.

https://github.com/appleboy/gulp-compass/issues/24#issuecomment-42016037 https://github.com/appleboy/gulp-compass/issues/24#issuecomment-42414446

@christophrumpel

Please install the latest compass version 1.0.0.alpha.19 and try again using your origin config.

appleboy commented 10 years ago

@christophrumpel update your compass version to 1.0.0.alpha.19 by following command.

$ gem install compass --pre

ref: #24

Eworm commented 10 years ago

I'm using the latest versions of both Sass & Compass, the map file is being generated, but the code to use it isn't being added to my stylesheet. Any thoughts on why this is?

Fyi, these are my sass & compass versions: Sass 3.3.8 (Maptastic Maple) Compass 1.0.0.alpha.19

grayghostvisuals commented 10 years ago

@Eworm The entire setup is listed here. Also here's an animated gif capturing the process. Make sure you follow these lines specifically in your gulp file.

Eworm commented 10 years ago

I've updated everything to the correct version, added the correct lines in my gulpfile, but no luck so far. This line just isn't being generated: /# sourceMappingURL=style.css.map /

grayghostvisuals commented 10 years ago

I just verified w/ $ gem install compass --pre on Ruby 2.1.1 using gulp-compass v1.1.9 so this is not an issue w/ gulp/compass. If you would like, you can leave me an issue here and I will help you get going. Make sure to list/link/paste the following for me…

  1. Output of gem list for your project
  2. Current version of Ruby
  3. Output for npm list
  4. Compass Config File
  5. Gulp File