Empty SCSS SourceMaps

[rg-najera]

Expected behavior

In Chrome, we expect the relevant decoded paths to the files for sourcemap purposes to either be relative to server or absolute to the file path, not both.

This would pass (decoded from base64 sourcemap output:

"../../node_modules/@bigcommerce/citadel/dist/components/foundation/tables/tables.scss"

Actual behavior

"../../Users/[system user]/node_modules/@bigcommerce/citadel/dist/components/foundation/tables/tables.scss"

Steps to reproduce behavior

While editing a theme and running stencil, open the sources tab in Chrome dev tools, and look for any css file on the left. Example "settings.scss" within settings/citadel

[ilawton]

Is there any update on this? We would really really like to use Source Maps correctly for development. I see that you use your https://github.com/bigcommerce/stencil-styles package, and node-sass. I think there is a sourceRoot property missing and thus the paths are incorrect and, thus, sourceMaps are useless!

Please help...