游览器的模块化问题

  1. 效率问题:由于精细的模块划分带来了很多个js文件,更多的请求,降低了页面访问的效率.。
  2. 兼容性问题:游览器目前只支持ES6模块化标准
  3. 工具问题:游览器不支持npm下载的第三方包(esmodule必须由 ./ ../开头,有的第三方包是commjs导出)
  4. …….

写代码时

  1. 模块越细越好
  2. 兼容性不考虑
  3. 代码可读性好
  4. 可以使用各种第三方包
  5. ………

运行时

  1. js文件越少越好
  2. 兼容各种游览器
  3. 代码不需要可读性
  4. …….

写代码时和运行代码时,这两个之间有着巨大的鸿沟,需要一个工具出来解决问题,这种工具叫做构建工具,他可以把写代码时转换为运行时的代码。

目前就火的生态最好的就是webpack