akveo/ngx-admin

Render changed .scss without browser reload (HMR?)

Open

#2,014 创建于 2019年1月23日

在 GitHub 查看
 (0 评论) (0 反应) (0 负责人)TypeScript (24,990 star) (7,916 fork)batch import
enhancementhelp wanted

描述

Issue type

I'm submitting a ... (check one with "x")

  • bug report
  • feature request
  • question about the decisions made in the repository

Issue description

Current behavior: Browser reloads page

Expected behavior: Browser reflects css changes without reloading page

Steps to reproduce: Run ng-serve Change .scss file Save

Other information:

The Angular 1 version (blur-admin) seemed to hot-replace css. Saves time when testing out new css, especially with things like modal dialogs that need to be re-opened on page load.

Hot Module Replacement (HMR) seems to be what I'm after.

npm, node, OS, Browser

Node: v10.14.2
Npm: v6.4.1

Angular, Nebular

"@angular": "^7.0.3",
"@nebular": "3.1.0",

贡献者指南

技术栈
angulartypescriptcss
领域
build systemdeveloper experience
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
half day
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
Angular CLIBasic webpack knowledgeUnderstanding of HMR
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
60
研究方向
Investigate how to enable Hot Module Replacement (HMR) for SCSS in Angular CLI. Start by checking the official Angular documentation on HMR setup. Examine the `angular.json` file for build options like `extractCss` or `hmr`. If using custom webpack, look at `webpack.config.js` for style loader configuration. Consider using `@angular builders/custom webpack` to override style loaders for HMR. Reference the blur admin approach for CSS hot replace in AngularJS.
Render changed .scss without browser reload (HMR?) · akveo/ngx-admin#2014 | Good First Issue