Scss files compiles very slow

sage
1

Hi there. Installed Sage theme as described in documentation.
Problem 1 - endless page reloading, after adding custom js file
Problem 2 - scss time compilation(it takes 40-50 seconds to update the page)

Problem 1 is solved. I’ve tried to change publicPath - no result. Changing devUrl to https:// - helped. Now new JS files do not make page reloading and hmr problem.

Any suggestions how to solve Problem 2? When I make changes to scss file I see sync message and it dissaper and after that I have to wait 40-50 second to see updated page.
Here’s my config.json file. May be I should take a look somthing else? Thanks.
{
“entry”: {
“main”: [
"./scripts/main.js",
"./scripts/customScripts.js",
"./styles/main.scss"
],
“customizer”: [
"./scripts/customizer.js"
]
},
“publicPath”: “/wp-content/themes/themename”,
“devUrl”: “https://sitemane.local”,
“proxyUrl”: “http://localhost:3000”,
“cacheBusting”: “[name]_[hash:8]”,
“watch”: [
“app//*.php",
"config//.php",
"resources/controllers/**/.php”,
“resources/views/**/*.php”
]
}
https://www.screencast.com/t/qh0Dk8Su - Problem 1 screen

2

Not sure if we’re experiencing related issues. They could be related, but mine isn’t so much as a compiling issue as it seems to be a Blade issue.

Problem 1 should easily be solved by a hard refresh in your browser to clear cache. Right click the refresh (Chrome and Safari), or shortcut shift + command + R should do the trick in Chrome.

Edit: This solution seems to be working for me for the time being:

3

clear cache didn’t take effect

http://icecream.me/22d2307a3217afa03f0a3cdd52c38a0f
the underlined task takes the most of time. Any suggestions?
http://icecream.me/22d2307a3217afa03f0a3cdd52c38a0f - my main.scss