本文基于我在 2016 下半年学雷锋项目教学辅助系统，描述如何实现利用浏览器强缓存（disk cache&memory cache），同时结合 Webpack 实现应对缓存的版本更新。

直接开启本地 nodejs 服务对 js 文件进行转译，不需要 watch 使用 ES6 模块语法管理代码，不需要 webpack、babel 等各种转译

最近在研究多页面 webpack 模块打包的完整解决方案时，发现用 import 导入 Zepto 时，会报 Uncaught TypeError: Cannot read property 'createElement' of undefined 错误，导致无法愉快地使用 Zepto。在经过一番调试和搜索后终于找到了解决的办法，并且对于所有不支持模块化的库都可以用这种方法导入模块。

缓存（cache）一直是前端性能优化的重头戏，利用好静态资源的缓存机制，可以使我们的 web 应用更加快速和稳定。仅仅简单的资源缓存是不够的，我们还要为不断更新的资源做持久化缓存（Long term cache）。