本篇文章主要介绍从 Fis 迁移到 webpack 遇到的问题和背后的黑科技，内容包括 inline-resource、多页面构建、资源压缩、文件hash、文件目录规则等等。

你好，切图仔。 酝酿了许久，决定写一个系列的文章，试着从工程的角度系统的介绍一下我对前端，尤其是Web前端的理解。 只要我们还把自己的工作看作为一项软件开发活动，那么我相信读过下面的内容你也一定会有所共鸣。 尽管Web应用的复杂程度与日俱增，用户对其前端界面也提出了更高的要求但…

大公司的静态资源优化方案，基本上要实现这么几个东西： 配置超长时间的本地缓存 —— 节省带宽，提高性能 采用内容摘要作为缓存更新依据 —— 精确的缓存控制 静态资源 CDN 部署 —— 优化网络请求 更资源发布路径实现非覆盖式发布 —— 平滑升级