angular-fullstack/generator-angular-fullstack

Any scss updates causing full page refresh on new build

Open

#2355 opened on Nov 19, 2016

View on GitHub
 (1 comment) (1 reaction) (0 assignees)JavaScript (6,134 stars) (1,268 forks)batch import
DifficultHelp Wantedenhancement

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

Tech stack
javascriptangularnodejsexpresscss
Domain
developer experiencebuild system
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Webpack basicsAngular project structureGulp task configurationHMR concepts
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Investigate the webpack configuration in the generator (likely webpack.dev.js) and how the 'gulp serve' task invokes webpack dev server. Ensure that the CSS/SCSS loaders have HMR enabled (e.g., using 'style loader' with HMR) and that the HotModuleReplacementPlugin is included. Check if there are any custom configurations preventing HMR for SCSS files.