angular-fullstack/generator-angular-fullstack

Any scss updates causing full page refresh on new build

Open

#2,355 opened on Nov 19, 2016

View on GitHubContributor guide
 (1 comment) (1 reaction) (0 assignees)JavaScript (1,268 forks)batch import
DifficultHelp Wantedenhancement

Repository metrics

Stars
 (6,134 stars)
PR merge metrics
 (PR metrics pending)

Description

  • I understand that GitHub issues are not for tech support, but for questions specific to this generator, bug reports, and feature requests.

New build... yo angular-fullstack Start server... gulp serve Edit any .scss file Watch page refresh.

How can we make webpack not reload the page? This is the point of the HMR built-in to webpack css

Item Version
generator-angular-fullstack 4.1.0
Node 6.2.2
npm 3.9.5
Operating System Windows 10
Item Answer
Transpiler TypeScript
Markup HTML
SCSS
Router ui-router
Client Tests Mocha
DB MongoDB
Auth Y

Contributor guide

Research direction
Inspect the webpack configuration for CSS handling. Ensure that the style loader or extract text webpack plugin is configured for hot module replacement. Check that the webpack dev server is set up with hot: true and that the CSS file imports are using the correct loader syntax.
Tech stack
javascripttypescriptnodejs
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitNode
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60