diff --git a/source/developers/frontend.markdown b/source/developers/frontend.markdown index 41953ac381c..98e88c7f26d 100755 --- a/source/developers/frontend.markdown +++ b/source/developers/frontend.markdown @@ -79,19 +79,24 @@ $ git push -u HEAD ## {% linkable_title Development %} -While you are developing, you need to have gulp running to watch the source files for changes and build when necessary. +If you are changing `html` files under `/src` or `/panels` - just reload the page in your browser to see changes. +If you are changing javascript files under `/js` you need to have gulp running to watch the source files for changes and build when necessary. ```bash $ yarn run dev-watch ``` -The source code for the frontend can be found in two different directories: +The source code for the frontend can be found in different directories: - UI: `/home-assistant-polymer/src/` - Panels: `/home-assistant-polymer/panels/` + - Javascript code: `/home-assistant-polymer/js/` # {% linkable_title Building the Polymer frontend %} -Building a new version of the frontend is as simple as running `script/build_frontend`. +Building a new version of the frontend is as simple as running `script/build_frontend`. +To use a built version package it: `python setup.py sdist` +Install it: `pip3 install dist/home-assistant-frontend-xxxxxxxx.0.tar.gz --upgrade` +Run Home Assistant without trying to reinstall production package: `hass --skip-pip` [hass-polymer]: https://github.com/home-assistant/home-assistant-polymer