Chrome devtools live editing - Githubissues

vigetlabs / gulp-rails-pipeline

Ditch the Rails Asset Pipeline and roll your own with Gulp

MIT License

646 stars 64 forks source link

Chrome devtools live editing #5

Open halilim opened 9 years ago

halilim commented 9 years ago

Does this support live editing through Chrome devtools? Steps I've taken:

Clone & bundle install & npm install & rails s & gulp.
Observe that source mappings work correctly (global.sass shows up in the devtools instead of global.css).
Workspace mappings (http://localhost:3001/source/global.sass -> file:///Users/halil/Code/test/gulp-rails-pipeline/gulp/assets/stylesheets/global.sass).
Click and edit some CSS on the dev toolbar.

Results:

Browser sync fires before I finish my edit and global.sass is converted to global.css (video) .
Changes aren't synced to global.sass.

Expected:

global.sassis modified.

PS: Thanks for your efforts.