Build an analytical & optimization approach
Tree shaking (webPack 4.0 default enabled) import export from es6 import export Shorten the loading time of the first screen. The methods of webpack splitting are as follows: 1) manually define the entry; 2) splitChunks extract common code and separate business code from third-party libraries; 3) Dynamic loading. 1) Each packaged resource file has a unique hash value. 2) Only the affected file hash changes after modification, so that the browser cache can be fully utilized. 4) Webpack-based application size monitoring and analysis. 2) Webpack-bundle-Analyzer does volume analysis (also known as source-map-Explorer, which is based on source-map) 3) Speed-measure -webpack-plugin Speed analysis (can print the time of each piece of work)