模块化

随着前端项目复杂性不断提高，JS 的代码量变的越来越大，必须做拆分。但如果仅是拆成几个 js 文件，然后在用script标签去引入这些文件又会使导致以下几个问题：

• 影响加载速度
  • JS 文件变多，加载 JS 文件数量过多导致页面加载速度编码。
• 代码的引入次序
  • 使用 script 标签引入 JS 时还必须控制 JS 的顺序。在单个 JS 文件编写的时候，如果要使用其他的 JS 文件中的一些变量和函数，不能直观的知道这个变量或函数是在哪个文件定义的。
• 命名空间污染
  • JS 虽然拆开了，但实际上在浏览器运行时就像把所有文件都合在一起了一样。

模块化可以解决上面的问题，但是模块化后的代码是使用import或export这样的写法来实现的，浏览器不能识别，所以需要一个打包工具。