I recently switched from css to scss.
Unexpectedly after this, my project is very slow for loading the page after the rebuild. (30-50 seconds)
I literally did nothing except add scss instead of css. Just modified the files and changed the settings in .angular-cli to use scss.
Let me know if I can share again to help troubleshoot.
I have no idea why this is.
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.
source share