說說如何借助webpack來優(yōu)化前端性能?
1:壓縮代碼绍移,刪除無用代碼悄窃,注釋,簡化代碼蹂窖,體積小了轧抗,性能也會(huì)跟著提高
2:可以利用webpack的UglifyPlugin和paralleUglifyPlugin來壓縮JS文件,
利用cssnano(css-loader?minimize)來壓縮css文件
3:利用CDN加速瞬测,在構(gòu)建過程中横媚,將靜態(tài)資源路徑,修改為CDN上對應(yīng)的路徑
可以利用webppack對output參數(shù)和各loader的publicPath參數(shù)來修改靜態(tài)資源路徑
4:刪除死代碼月趟,將永遠(yuǎn)不會(huì)用到的代碼片段進(jìn)行刪除灯蝴,可以通過在啟動(dòng)webpack時(shí)追加參數(shù)--optimize-minimize來實(shí)現(xiàn)
5:提取公共代碼
今日份幸運(yùn)花束,燦陽小姑娘孝宗,要加油啊穷躁,越來越好