René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Add HMR when using component styles and template ","articleBody":"**I'm submitting a ...**  (check one with \"x\")\n\n```\n[ ] bug report =\u003e search github for a similar issue or PR before submitting\n[X] feature request\n[ ] support request =\u003e Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question\n```\n\n**Current behavior** \n\n\u003c!-- Describe how the bug manifests. --\u003e\n\nAlthough the Angular+Webpack docs present the combo as \"an excellent alternative to the SystemJS approach\", loading component styles via `styles` or `styleUrls` results in a full page refresh, instead of style injection, which occurs when using SystemJS+lite-server.\n\n**Expected behavior**\n\n\u003c!-- Describe what the behavior would be without the bug. --\u003e\n\nA core feature of using Webpack+Webpack-dev-server in development is the availability of Hot Module Replacement. It is expected that HMR would work for css injection regardless of the style loading strategy used. Instead, currently changes to css or scss files which are included in a component's styles result in a full page reload.\n\n**Reproduction of the problem**\n\n\u003c!-- If the current behavior is a bug or you can illustrate your feature request better with an example, please provide the steps to reproduce and if possible a minimal demo of the problem via https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5). --\u003e\n\n**What is the motivation / use case for changing the behavior?**\n\n\u003c!-- Describe the motivation or the concrete use case --\u003e\n\nSpeed up the Angular 2 development process for CSS developers\n\n**Please tell us about your environment:**\n\n\u003c!-- Operating system, IDE, package manager, HTTP server, ... --\u003e\n- **Angular version:** 2.0.0\n  \n  \u003c!-- Check whether this is still an issue in the most recent Angular version --\u003e\n- **Browser:** [**_all_** | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ] \n  \n  \u003c!-- All browsers where this could be reproduced --\u003e\n- **Language:** [all | **_TypeScript 2.02_** | ES6/7 | ES5]\n- **Webpack version:** 1.13.2\n- **Webpack-dev-server version:** 1.14.1\n- **Node (for AoT issues):** `node --version` =  6.5.0\n","author":{"url":"https://github.com/mikkelrd","@type":"Person","name":"mikkelrd"},"datePublished":"2016-09-27T17:54:30.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":78},"url":"https://github.com/39367/angular/issues/39367"}