浅谈前端模块化与组件化

前端的工程化大体可分为 组件化 / 模块化 / 规范化 / 自动化 ，下面我们来小结一下组件化与模块化。

好的东西总是相互借鉴的。

随着web业务日益复杂化和多元化，前端开发从以WebPage模式为主转变为以WebApp模式为主了。而组件化模块化的这一些概念，大多也是从APP等技术中借鉴过来的。

 什么是组件以及什么是组件化？

组件即从UI拆分下来的每个包含模板（HTML）、样式（CSS）、逻辑（JS）的功能完备的结构单元。

页面上所有东西都是组件，页面本身就可以理解为一个大型组件，它可以拆分成若干中型组件，而中型组件还可以再拆分成若干的小型组件，体现的是一种分治思想。

组件化类似于app的架构思路，就是从设计层面上对UI进行拆分，是面向对象的进一步抽象。

什么是模块化？

模块化类似于按业务对APP进行拆分，就是从文件层面对代码和资源的拆分。

将一个大文件拆分成相互依赖的小文件，再进行统一的拼装与加载。

 

参考：https://www.jianshu.com/p/88ed70476adb