pagepack网站打包优化工具
页面优化的利器叫 pagepack,挺像 webpack,但专注点不太一样。它不是用来管模块依赖的,而是更像是个智能抓包器,帮你从一个地址扒拉下所有静态资源,重新打包一套更精简的站点出来。
从grab.js衍生出来的,pagepack 用起来比较轻量,适合一些临时项目、静态站点优化,或者你想从线上站点拿个完整副本回来搞二次开发的时候。
CSS那块也挺灵活的,能按策略来,比如你可以配置成全部 inline,也可以集中打个包,这对提高首屏加载还蛮有的。你想在开发服务器里实时打包,也没问题,响应也快,部署也方便。
不过它不走 webpack 那套复杂依赖树,所以如果你项目是 SPA、需要模块懒加载啥的,就别指望它能全替代 webpack。反过来说,要是你只是想把一个 H5 页面打包得干净一点,它真挺顺手。
如果你平时用 webpack 多,可以看看这些相关的优化技巧:
简单说,如果你手头有个静态站或者只想打包纯 HTML/CSS/JS,不想搭 webpack 全家桶,试试 pagepack 还蛮省事的。
2.35KB
文件大小:
评论区