search

bigcommerce / stencil-cli

BigCommerce Stencil emulator for local theme development
https://developer.bigcommerce.com/stencil-docs
BSD 4-Clause "Original" or "Old" License
102 stars 140 forks source link

Empty SCSS SourceMaps #427

Open rg-najera opened 5 years ago

rg-najera commented 5 years ago

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 image

ilawton commented 3 years ago

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...