Skip to content

Regression from v3: scss changes causes app to reload #15815

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
dylanvdmerwe opened this issue Sep 30, 2018 · 2 comments
Closed

Regression from v3: scss changes causes app to reload #15815

dylanvdmerwe opened this issue Sep 30, 2018 · 2 comments
Labels
ionitron: cli moves the issue to the ionic-cli repository

Comments

@dylanvdmerwe
Copy link
Contributor

Bug Report

Ionic Info

Ionic:

   ionic (Ionic CLI)          : 4.1.2 (C:\Users\Dylan van der Merwe\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.12
   @angular-devkit/core       : 0.7.5
   @angular-devkit/schematics : 0.7.5
   @angular/cli               : 6.1.5
   @ionic/ng-toolkit          : 1.0.8
   @ionic/schematics-angular  : 1.0.6

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : none
   Cordova Plugins       : no whitelisted plugins (7 plugins total)

System:

   NodeJS : v8.11.3 (C:\Program Files\nodejs\node.exe)
   npm    : 6.4.1
   OS     : Windows 10

Describe the Bug
In v3, you would run ionic serve and whenever changes were made to the scss files in the project, the styling would be applied to the app without reloading the page or restarting the app.

This was amazing from a design perspective because changes could be made to the scss files and the results could be seen immediately in the app.

In v4 this is not longer the case. Changing any scss file causes a rebuild event of the entire app, which causes the app to reload. This means you lose any state you had.

The development/design experience has worsened dramatically in this regard from v3 to v4. I do appreciate that this is due to the change in the build process (using the ng CLI) but this does not excuse the worsened development experience. I don't even think stencil does then when adjusting styles.

There must be a webpack or some form of config that can be set while in ionic serve mode? If not this should be raised with the Angular CLI team.

As it stands now, the development time for ionic v4 apps when styling pages has seriously deteriorated and something needs to be done.

@ionitron-bot ionitron-bot bot added the triage label Sep 30, 2018
@brandyscarney brandyscarney added the ionitron: cli moves the issue to the ionic-cli repository label Oct 2, 2018
@ionitron-bot
Copy link

ionitron-bot bot commented Oct 2, 2018

Thanks for the issue! We use this issue tracker exclusively for bug reports and feature requests associated with the Ionic Framework. It appears that this issue is associated with the Ionic CLI. I am moving this issue to the Ionic CLI repository. Please track this issue over there.

Thank you for using Ionic!

@ionitron-bot ionitron-bot bot removed the triage label Oct 2, 2018
@ionitron-bot
Copy link

ionitron-bot bot commented Oct 2, 2018

Issue moved to: ionic-team/ionic-cli#3661

@ionitron-bot ionitron-bot bot closed this as completed Oct 2, 2018
@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Oct 2, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
ionitron: cli moves the issue to the ionic-cli repository
Projects
None yet
Development

No branches or pull requests

2 participants