前端的工程化大体可分为 组件化 / 模块化 / 规范化 / 自动化 ，下面我们来小结一下组件化与模块化。
好的东西总是相互借鉴的。
随着web业务日益复杂化和多元化，前端开发从以WebPage模式为主转变为以WebApp模式为主了。而组件化模块化的这一些概念，大多也是从APP等技术中借鉴过来的。
什么是组件以及什么是组件化？
组件即从UI拆分下来的每个包含模板（HTML）、样式（CSS）、逻辑（JS）的功能完备的结构单元。
页面上所有东西都是组件，页面本身就可以理解为一个大型组件，它可以拆分成若干中型组件，而中型组件还可以再拆分成若干的小型组件，体现的是一种分治思想。
组件化类似于app的架构思路，就是从设计层面上对UI进行拆分，是面向对象的进一步抽象。
什么是模块化？
模块化类似于按业务对APP进行拆分，就是从文件层面对代码和资源的拆分。
将一个大文件拆分成相互依赖的小文件，再进行统一的拼装与加载。