**关于同步加载和异步加载** 使用WebPack打包，最爽的事情莫过于可以像服务器编程那样直接require文件，看起来是同步地从服务器上取得文件直接就使用了。如下面的代码一样，没有任何异步逻辑，代码很干净。   然而，这种爽是有代价的，对于直接require模块，WebPack的做法是把依赖的文件都打包在一起，造成文件很臃肿。 所以在写代码的时候要注意适度同步加载，**同步的代码会被合成并且打包在一起；异步加载的代码会被分片成一个个chunk，在需要该模块时再加载，即按需加载**，这个度是要开发者自己把握的，同步加载过多代码会造成文件过大影响加载速度，异步过多则文件太碎，造成过多的Http请求，同样影响加载速度。 * 同步加载的写法，如： >      var TopicItem = require('../topic/topicitem'); * 异步加载的写法，如：  一个原则是：**首屏需要的同步加载，首屏过后才需要的则按需加载（异步）** [【前端构建】WebPack实例与前端性能优化](http://www.cnblogs.com/giveiris/p/5237080.html#top) [使用 webpack 定制前端开发环境 - teabyii - 掘金小册](https://juejin.im/book/m/5a6abad5518825733c144469/section/5a6abad5518825732e2f8546) [腾讯互娱AMS | 我的打包我做主——浅析前端构建](https://mp.weixin.qq.com/s/52ja4nEhA4z0LWunxXsjUg)