本文译自: 这里 本文已同步到我的博客 引言 缓存利用得当的话，有很大益处，比如节省带宽，降低服务器压力等，但是很多网站没能够很好地利用缓存，造成一些相互依赖的资源出现不同步的情况。 关于缓存的处理方案主要可以分为以下两种： 方案一：资源内容保持不变+超长的max-age {代码...} 这个url对应的资源永远保持不变...

16年6月初，在没有任何前端框架使用经验、js水平也较一般的情况下，被告知需要在几个工作日内搭建完成一个后台管理系统，没有页面设计稿、没有组件库，一切都是从零开始。当时面临两个选择，backbone和react。虽然我很希望能够拿react来练手，但是考虑到学习成本和项目时间问题，leader还是建议我使用backbone来完成，就...

我最开始学习react的时候，看到过各种各样编写组件的方式，不同教程中提出的方法往往有很大不同。当时虽说react这个框架已经十分成熟，但是似乎还没有一种公认正确的使用方法。过去几年中，我们团队编写了很多react组件，我们对实现方法进行了不断的优化，直到满意。

首先说，code splitting指什么。我们打包时通常会生成一个大的bundle.js(或者index,看你如何命名)文件，这样所有的模块都会打包到这个bundle.js文件中，最终生成的文件往往比较大。code splitting就是指将文件分割为块(chunk)，webpack使我们可以定义一些分割点(split point)，根据这些分割点对文件进行分块，并实现按需...

webpack是当前最受欢迎的模块管理器（module bundler），对于使用React开发的项目来说堪称神器。当然，对于使用其他框架，比如Angular或者Backbone等的开发者来说，webpack也是种很好的工具。

本文主要介绍以下两方面的内容： webpack-dev-server自动刷新 热加载（Hot Module Replacement） 自动刷新 webpack-dev-server提供了两种自动刷新的模式 iframe模式 inline模式 这两种模式都支持Hot Module Replacement（热加载），所谓热加载是指当文件发生变化后，内存中的bundle文件会收到通知，同时更新页面中变化的...

上篇文章中简单介绍了webpack的最基本用法，且项目结构十分简单，只有一个html页面、一个css页面、两个js文件。本文将介绍如何使用webpack对具有较为规范的结构的项目进行构建。主要包括以下几个方面：