原文发表于【抹桥的博客-基于 React 的前端项目开发总结】 技术选型 我们的项目主要选用以下技术开发，再配合一些其它辅助工具。 react react-router redux react-redux 开发及线上环境 开发环境 由于项目是前后端分离的，所以我们需要一套完整的开发环境，需要包括以下功能： 数据 Mock Webpack 实施编译刷新 方便前后...

原文发布与抹桥的博客-【翻译向】webpack2 指南（下） 缓存（Caching） 为了能够使 webpack 处理后的静态资源能够长期缓存下来，需要： 使用 [chunkhash] 给每一个文件创建基于内容变化的缓存标识 在 HTML 文件中引入文件时使用编译状态来拿到文件名称 在载入资源之前生成 chunk-manifest JSON 文件并写入到 HTML 页面中...

就像之前 理念页面 中解析的细节那样，动态模块替换（HMR）会在应用运行时动态的替换、添加或者删除模块而不用重新刷新页面。 HMR 非常有用，当应用只有一个状态树（single state tree）时。

代码分割是 webpack 中最引人注目的功能之一。它允许你把代码分割成各种可以根据需求载入的代码包，就像一个用户浏览器去匹配路由一样，或者一个用户发出的事件。这允许你小的模块，允许你控制资源的载入优先级，如果使用得当的话，可以大大影响（降低）你应用的加载时间。