I recently went from CSS to SCSS instead.
Suddenly afterward my project is very slow for loading the page after a rebuild. (30-50 seconds)
I literally did nothing else than add SCSS instead of CSS. Just changed the files and changed the settings in .angular-cli to use SCSS instead.
Let me know if I can share some more to help to troubleshoot.
I have no idea why this is the case.
Terminal:
webpack: Compiling...
Hash: 528351f97868ee9f6cc1
Time: 1857ms
chunk {0} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 178 kB {4} [initial]
chunk {1} main.bundle.js, main.bundle.js.map (main) 46.1 kB {3} [initial] [rendered]
chunk {2} styles.bundle.js, styles.bundle.js.map (styles) 26.6 kB {4} [initial]
chunk {3} vendor.bundle.js, vendor.bundle.js.map (vendor) 4.2 MB [initial]
chunk {4} inline.bundle.js, inline.bundle.js.map (inline) 0 bytes [entry]
webpack: Compiled successfully.
webpack: Compiling...
Hash: b4d9b9ae09285a8f41b1
Time: 350ms
chunk {0} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 178 kB {4} [initial]
chunk {1} main.bundle.js, main.bundle.js.map (main) 44.9 kB {3} [initial] [rendered]
chunk {2} styles.bundle.js, styles.bundle.js.map (styles) 26.6 kB {4} [initial]
chunk {3} vendor.bundle.js, vendor.bundle.js.map (vendor) 4.2 MB [initial]
chunk {4} inline.bundle.js, inline.bundle.js.map (inline) 0 bytes [entry]
webpack: Compiled successfully.
webpack: Compiling...
Hash: 3da1ef8d97c8d4dafca1
Time: 323ms
chunk {0} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 178 kB {4} [initial]
chunk {1} main.bundle.js, main.bundle.js.map (main) 44.8 kB {3} [initial] [rendered]
chunk {2} styles.bundle.js, styles.bundle.js.map (styles) 26.6 kB {4} [initial]
chunk {3} vendor.bundle.js, vendor.bundle.js.map (vendor) 4.2 MB [initial]
chunk {4} inline.bundle.js, inline.bundle.js.map (inline) 0 bytes [entry]
webpack: Compiled successfully.
