search

thlorenz / thlorenz.com-blog

Blog for thlorenz.com powered by github.com/thlorenz/dog.
0 stars 1 forks source link

Live edit browserified code in devtools. #6

Open thlorenz opened 10 years ago

thlorenz commented 10 years ago

Comments related to live edit browserified code in devtools post

simevidas commented 10 years ago

I assume one can use Grunt instead of watchify. E.g. grunt-watch + grunt-browserify.

thlorenz commented 10 years ago

You can use whatever you want, I mentioned that in the video actually. As long as your bundle gets updated every time a file changes you are good.

Actually grunt-contrib-watch is based on gaze so you could also use that directly to build your own little script that re-bundles.

Tons of options here.

grncdr commented 10 years ago

If you don't mind me plugging something I wrote: npm-watch is an option for those who prefer to use the "scripts" field from package.json for their build actions.

simonmcmanus commented 10 years ago

Thanks for the post, I've got this working when I edit the files from the workspace folder it updates the file correctly.

My only frustration is that when I do a console.log when I click on the link to the right of the log text it opens the correct file, but opens it outside of my workspace so the saving does not work unless I map that file again.

Is that the expected behaviour? One massive benefit from this technique would be to open all the files used in a stack trace and be able to edit them straight in the browser without having to setup the mappings for each file I open.