Skip to content

Commit

Permalink
Add some detail about the hot loader development flow
Browse files Browse the repository at this point in the history
  • Loading branch information
krystophv committed Mar 1, 2016
1 parent 5928b5e commit 044b3ed
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ This is a [Chrome App](https://developer.chrome.com/apps/about_apps) that acts a
1. Choose the directory where you cloned the repository and click OK.<sup name="a1">[1](#f1)</sup>
1. To run it, you can choose "Launch" from the chrome://extensions page. You can also run it from the Chrome App Launcher, which Chrome may install for you whether you want it or not.
1. To open the JavaScript console/Chrome Dev Tools, click on the `index.html` link in the section of chrome://extensions devoted to the uploader. (Note: this link will only appear after you've launched the uploader.)
1. If you're developing, you may find that the only way it runs properly is to hit the "Reload" link in chrome://extensions after each change to the source. You will definitely need to reload any time you change the manifest.
1. React components and CSS will hot load after changes (this can be confirmed by watching the JavaScript console), but changes to device drivers and other code outside of the React components will not - use 'Reload' from chrome://extensions to reload after such changes. If the compilation/hot reload of a component fails for any reason (e.g. from a syntax error) you may need to reinitialize the hot loader by reloading the extension. You will definitely need to reload any time you change the manifest.

This comment has been minimized.

Copy link
@jebeck

jebeck Mar 1, 2016

Contributor

Yeah, looks good. Is it true that you can recover from a syntax error without killing the webpack process altogether and restarting? If so, very cool.


---
<b name="f1">1</b> You may see a warning from Chrome concerning the inclusion of a key file. (`This extension includes the key file '<project_path>/node_modules/webpack-dev-server/node_modules/sockjs-client/node_modules/eventsource/test/key.pem`) This is due to the loading of all the `node_modules` and their various internal testing utilities. This isn't a security issue, nor is the associated key used or referenced anywhere in the running code and can safely be ignored. [](#a1)
Expand Down

0 comments on commit 044b3ed

Please sign in to comment.