question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

SASS and SourceMap woes

See original GitHub issue

Is this a bug report?

No

Problem

I’ve given this a fair amount of time but I simply cannot got to any elegant solution if any. I’ve setup my project to use SASS and node-sass-chokidar to read and compile the sass into my src directory.

When using import './App.css'; there is no way to inspect elements and get their location in SASS due to the inlining and no reference to the map file. Element locations only read as <style></style> in the inspector.

sourcemap

Any option to put the css and map file into the public folder creates a full reload and makes the development process with css even more painful.

I feel i might be missing something here, because the default configuration is simply not an efficient way to write and maintain SASS, along with keeping all the hot reloading tech in place.

Any help would be much appreciated.

Thanks

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:9
  • Comments:10 (2 by maintainers)

github_iconTop GitHub Comments

6reactions
tnhucommented, Oct 13, 2018

The issue is still persisted with 2.0.4 (both CSS and SASS). Please consider to re-open this.

5reactions
mustafaabobakrcommented, Oct 2, 2018

Still same issue for v2

Read more comments on GitHub >

github_iconTop Results From Across the Web

Using source maps in Sass - Mario Araque
It's very useful in my opinion. First of all, remember that you can use Source maps only with Sass 3.3+.
Read more >
Autoprefixer is causing node-sass source map to point to the ...
For anyone who needs it I found a fix. Basically, postcss has an option to detect a previous source map and use it...
Read more >
Problem with Sass watcher and --sourcemap
I'm trying to get PhpStorm 7.1.1 to compile Scss files to Css and create a sourcemap. I've created a new file watcher for...
Read more >
Don't Make Things More Complicated as They Are
At first I thought the problem could only be solved if the tools I used (PostCSS and node-sass) are able to read source...
Read more >
sourceMaps problem with Laravel Mix - Laracasts
In fact, they're generated ONLY when running npm run production , but the css one is empty. We've got a project with big...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found