0

I'm using the latest extjs 6 cmd and when I run >sencha app watch in my theme, only var/src/ all.scss is being watched. I'm importing some other sass files but changes are not picked up until I manually refresh the page.

Do I need to include every .scss in my package.json?

Nikos Js
  • 199
  • 2
  • 10
  • Could you post the content of your app.json ? – pagep Jan 23 '17 at 18:54
  • Sorry I'd rather not. What section are you looking at? Maybe I could add a snippet. – Nikos Js Jan 23 '17 at 18:56
  • The "sass" config part. By `manually refresh page` you mean like you refresh the web page and the app watch is triggered ? Or you are not seeing the changes in your theme when you are doing changes in scss files directly in the browser without page refresh? – pagep Jan 23 '17 at 19:00
  • When I reload the browser, the changes can be seen. But app watch never fires when I alter a sass file other than all.scss . – Nikos Js Jan 23 '17 at 19:43
  • "var": [ "sass/var/all.scss", "sass/var" ], – Nikos Js Jan 23 '17 at 19:43
  • I see, that is normal that you have to refresh webpage, if you don't want that - you have to have fashion enabled (for live updates) https://docs.sencha.com/cmd/guides/fashion.html#fashion_-_using_live_updates – pagep Jan 23 '17 at 19:49
  • I do have live updates on all.scss but not on any other imported scss – Nikos Js Jan 23 '17 at 19:53

1 Answers1

1

I finally figured it out. I was missing the toolkit name. Wrong path sigh.
I needed to add the folder src or var. Works like a charm. 

"src": [
            "${package.dir}/${toolkit.name}/sass/src",
]
Nikos Js
  • 199
  • 2
  • 10