Sass sourcemaps

[djmtype]

I installed Fireshell, but also updated the node modules. With that said, Sass along side grunt-contrib-sass now support sourcemaps. I have used it with Grunt successfully in other projects. However, I noticed Fireshell's setup does not coordinate properly. For example, if I declare a style in _app.scss, Web Inspector is telling me the style is found in _print.scss when it's clearly not.

Any idea what may be the cause?

[jonlow]

What does your grunt file look like?

[djmtype]

I have not touched the gruntfile that comes with Fireshell, so my gruntfile would be the default. Also, I tried without updating the modules and get the same results. If you run Fireshell out of the box are you not experiencing the same thing? Try writing to one of your SCSS partials, inspect it and see if it matches Web Inspector.

I don't think there is an issue with grunt-contrib-sass because I'm currently using it with a Roots-Sass project and my SCSS sourcemaps coordinate just fine, however, Fireshell and Roots-Sass config is not the same, I realize.

[djmtype]

Based on my recent discovery, it should include the map option in the autoprefixer task.

// Example from another gruntfile that outputs sass sourcemaps to Web Inspector

autoprefixer: {
  multiple_files: {
    expand: true,
    flatten: true,
    src: 'sass/*.scss, sass/**/*.scss',
    dest: 'css/'
  },
  sourcemap: {
    options: {
      map: true
    },
    src: 'css/styles.css',
    dest: 'css/styles.css'
  }
}

Next step—compare the above syntax with Fireshell's implementation.