模块化（学习笔记）

前端模块化开发的价值：
传统的开发习惯中，常会出现以下两种错误
1.命名冲突

• 例如js函数，通过src引入的文件，如果不同文件里面的函数名存在相同的情况下， 将会报错。

2.文件依赖

• 一个文件需要依赖另一个文件时，传统的src引入则需要把所依赖的文件提前引入。
  而实际开发过程中往往是忘记引入所依赖的文件，导致使用失败。

而通过模块化开发可以很好的解决以上的问题。

原文地址：前端模块化开发的价值

Webpack：

Webpack 是一个模块打包器。

分块传输，按需进行懒加载，在实际用到某些模块的时候再增量更新，才是较为合理的模块加载方案。

webpack将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源，从而实现分块传输。

以下是webpack文档中，对模块化的部分描述：

• 前端开发和其他开发工作的主要区别，首先是前端是基于多语言、多层次的编码和组织工作，其次前端产品的交付是基于浏览器，这些资源是通过增量加载的方式运行到浏览器端，如何在开发环境组织好这些碎片化的代码和资源，并且保证他们在浏览器端快速、优雅的加载和更新，就需要一个模块化系统，这个理想中的模块化系统是前端工程师多年来一直探索的难题。