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

基于 Webpack 2 的 React Router 懒加载路由配置承接基于 Webpack 2 的 React 组件懒加载，主要是对上一篇文章中的部分论述进行补充和修正，从属于 Web 前端入门与工程实践。

本文是笔者在使用 Webpack 的过程中总结的一系列建议与技巧，不过需要注意的是这些小技巧都是关于 Webpack 1 的。Webpack 2 与 Webpack 1 相比其 API 发生了较大变化，本文提及的不少技巧可能在 Webpack 2 并不能起作用。如果你想了解从 Webpack 1 迁移到 Webpack 2 的详细教程，可以参考这里，另外可以参考笔者的基于 Webpack 2 的模板 Webpack2-React-Redux-Boilerplate。

webpack2 官方指南翻译，包括内容： * 缓存 * 垫片（Shimming） * 编写一个库

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

webpack2 分包及异步加载套路

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

总结在使用 webpack2 的过程中遇到的一些问题

webpack 基础入门