webpack 打包优化！！！

webpack  打包 可以借助  webpack-bundle-analyzer 这个库来分析打包后的文件大小。

使用  ： --report  打包指令加上 --report 参数就可以。

这个插件 会以网页形式 展示 webpack打包后的文件大小详情。

可以通过这个分析页面 去判断哪个文件很大， 有没有办法减小这个体积从而优化打包后的文件体积。减轻服务器负担。

 

比如  日期库 moment.js 某些时候你可能只用了 一些这个库的 格式化日期功能。 但是这个moment.js 偏偏体积很大。打包后占比很大但是用的功能却很少。

所以可以完全使用 “date-fns” 这个库来替代 moment.js