When developing with webpack4, using scss-loader real-time hot update style to load slowly, resulting in a splash screen, ask for tips!

< H1 > problem description < / H1 >

recently fiddling with webpack4, configuration reference vue-cli, but when actually developing, scss-loader or stylus-loader is used for convenience.

without extract-text-webpack-plugin, every time modifies the style, the style will be updated in real time, but there will be a splash screen for a few seconds , that is, the style is not loaded
will not splash the screen, but will not update the style in real time . I have been tampering with it for a long time, so I ask all the bosses for advice.

< H1 > screenshot of the question < / H1 >

Webpack html5 node.js sass-loader

Mar.25,2021

check whether it is caused by babel-loader compiling third-party class libraries. It is recommended to use webpack-bundle-analyzer, to generate analysis diagrams to see if unwanted third-party libraries are compiled

Previous: How to do automated testing with jmeter for static resources stored on OSS services

Next: What is the ec2 cost of Amazon CVM?

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e9cae7-476cf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e9cae7-476cf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?