webpack 基础入门

webpack2 已经发布了，翻译了一下官方指南。 包括内容： * 动态模块替换 * 开发环境配置 * 为生产环境构建 * React 懒加载 * Public Path

随着前端项目日益复杂，webpack 自身也存在性能问题。改善其构建性能和效率愈发重要，提高团队协作效率，优化 webpack 构建性能刻不容缓。

這篇文章目標讀者是那些剛接觸 webpack 的新手。內容將會包含設定，模組的使用，loaders，plugins，code splitting（分拆程式碼），熱替換（Hot module replacement）。

webpack 是时下比较流行的模块加载器兼打包工具，它能把各种资源，例如 JavaScript 代码、样式（含 less/sass）、图片等作为模块来进行分析、压缩、合并、打包

本文写于 Webpack 2 正式发布之前（完善文档阶段）。 不仅是一篇 Webpack 2 的入门教程，也让大家了解什么是 Webpack，值得收藏，长文慎入。

写的很好

reducer 的最佳实践主要分为以下几个部分 ✦ 抽离工具函数，以便复用。 ✦ 抽离功能函数（case function），精简 reducer 声明部分的代码。 ✦ 根据数据类别拆分，维护多个独立的 slice reducer。 ✦ 合并 slice reducer。 ✦ 通过 crossReducer 在多个 slice reducer 中共享数据。 ✦ 减少 reducer 的模板代码。 接下来，我们详细的介绍每个部分

腾讯 AlloyTeam 家校群小分队在 React 移动 web 性能优化的第一阶段经验分享。此文从构建的角度，补充了上一篇《React 移动 web 极致优化》的内容。