webpack 项目优化实践

背景

项目其实已经通过几回优化，目前有点时间，想在原来的基础上继续优化下，看看还有没有其它能够优化的地方，毕竟可以快一点，就快一点，快一点老是比慢一点好

目前是这样的

backend.js是什么？

这个文件之前没有注意到，此次看到不知道为何会有这个js文件，不知道是用来作什么的，项目中并无引入这个js文件。

这个是devtool的引入的js，若是没有安装devtool就不会引入这个js，因此这个不须要优化。

dllself 文件

能够看到dllself这个文件压缩后，还有差很少311kb，时间差很少占了一半的时间，这个体积有点大，能够想办法把它的体积减小一点。 测试了一下，当包含anzi-ui的时候，打包体积

去除anzi-ui的时候，打包体积

能够看到明显少了一倍还多，最终决定把anzi-ui这个库，从webpack dll 里边去掉，放到业务代码里边

测试一下

能够看到dllself的下载时间从2.68s直接降低到了34ms，降低了差很少90%，虽然main.xx.js的体积相应的增大了，可是下载时间并无增长不少，从4.81s到4.26s, 并无多大的变化。

main.js优化

从图上还能够看到main.js的时间基本上最大的了，基本上占了4s左右，基本上90%的时间都是在这里了。 根据28原则，首先思考下，如何优化这里的时间。