angular-fullstack/generator-angular-fullstack

Any scss updates causing full page refresh on new build

Open

#2,355 创建于 2016年11月19日

在 GitHub 查看
 (1 评论) (1 反应) (0 负责人)JavaScript (6,134 star) (1,268 fork)batch import
DifficultHelp Wantedenhancement

描述

  • 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

贡献者指南

技术栈
javascriptangularnodejsexpresscss
领域
developer experiencebuild system
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
half day
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
Webpack basicsAngular project structureGulp task configurationHMR concepts
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
60
研究方向
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.