Skip to content
This repository was archived by the owner on Nov 17, 2022. It is now read-only.

docs: add a lagened and update HMR tables #1639

Merged
merged 1 commit into from
Apr 26, 2019
Merged

docs: add a lagened and update HMR tables #1639

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 11 additions & 3 deletions docs/performance-optimizations/bundling-with-webpack.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -124,9 +124,9 @@ Comparison chart for the HMR capabilities versus no-HMR versus no Webpack (pure
| **JS/TS only projects** | Without webpack | With webpack (no HMR) | With webpack (HMR) |
| :-------------- | :-------------- | :-------------------- | :----------------- |
| Native file changed | <span style="color:red">Rebuild</span> | <span style="color:red">Rebuild</span> | <span style="color:red">Rebuild</span> |
| JS/TS file changed | <span style="color:orange">Restart</span> | <span style="color:orange">Restart</span> | <span style="color:lightgreen">**Reload**</span> |
| Style file changed | <span style="color:lightgreen">**Reload**</span> | <span style="color:orange">Restart</span> | <span style="color:lightgreen">**Reload**</span> |
| XML file changed | <span style="color:lightgreen">**Reload**</span> | <span style="color:orange">Restart</span> | <span style="color:lightgreen">**Reload**</span> |
| JS/TS file changed | <span style="color:orange">Restart</span> | <span style="color:orange">Restart</span> | <span style="color:lightgreen">**Apply**</span> |
| Style file changed | <span style="color:lightgreen">**Reload**</span> | <span style="color:orange">Restart</span> | <span style="color:lightgreen">**Apply**</span> |
| XML file changed | <span style="color:lightgreen">**Reload**</span> | <span style="color:orange">Restart</span> | <span style="color:lightgreen">**Apply**</span> |

| **Angular projects** | Without webpack | With webpack (no HMR) | With webpack (HMR) |
| :-------------- | :-------------- | :-------------------- | :----------------- |
Expand All @@ -135,6 +135,14 @@ Comparison chart for the HMR capabilities versus no-HMR versus no Webpack (pure
| Style file changed | <span style="color:lightgreen">**Bootstrap**</span> | <span style="color:orange">Restart</span> | <span style="color:lightgreen">**Bootstrap**</span> |
| HTML file changed | <span style="color:lightgreen">**Bootstrap**</span> | <span style="color:orange">Restart</span> | <span style="color:lightgreen">**Bootstrap**</span> |

**Legend:**

- Rebuild - rebuilds the application
- Restart - restarts the application
- Reload - reloads the current page of the application
- Bootstrap - bootstraps the angular application
- Apply - apply changes preserving application state; if application root module changed then set application content

> Note: version 5.2 applies changes in application styles at runtime on the current page, thereby it avoids page reloading/navigation and preserves the application state and navigation history.

### Enabling HMR by Default
Expand Down