代码分割 和 懒加载

主要能让用户在最短的时间内,看到需要展示的内容

webpack methods , 通过 webpack 内置的方法 ,来实现

  • require.ensure 此方法有四个参数
    • []:dependencies
    • callback
    • errorCallback 此参数可以省略
    • chunkName
  • require.include

ES 2015 Loader Spec 实现

  • System.import()
  • import()
  • import() -> Promise
  • import().then()

场景

  • 分离业务代码 和 第三方依赖
  • 分离业务代码 和 业务公共代码 和 第三方依赖
  • 分离首次加载 和 访问后加载的代码

实际操作