模块化、组件化是一种开辟头脑，是一种开辟思绪上的处理方案，我们大多数人如果没有深切明白 这个观点的话，会有一种隐约摸不着模块化、组件化意义的觉得，会有一种想用模块化、组件化来完成项目却不晓得怎样动手。实在，只需记着，模块化只是一种头脑，不是一种详细的处理方案。

在项目中，我们能够用到相似bootstrap里的组件（button）一样,我们把这些组件明白为组件化开辟的完成，认识上，我们大多数人会锐意去辨别组件化、模块化，实在这只是我们中文上去辨别，英文上都是model,都只是一种处理思绪，差别的是，需求差别，完成出来的代码结果也是差别。举个例子，bootstrap里的button组件，它是有一个自力的可执行的单员，就直接援用，在页面上你就会看到一个button的按钮涌现，这也就是所说的颗粒化，而bootstrap里的栅格体系，你不能够单单援用栅格体系的款式类，页面中就会显现出详细的结果出来，还需依靠一个详细的html标签或许其他的组件，而button组件是不需要依靠其他的组件或许什么的，人们就会惯性的明白成button是一个组件，栅格体系是一个模块，由于button是自力的。实在，他们都一样，只是需求差别，都是用模块化的思绪处理方案。button的需求是开辟一个ui组件，栅格体系是开辟一个排版规划的规划处理方案。

事实上，模块化（组件化、模块化总称为模块化吧，不辨别了）在我们现实项目开辟上回很常用到，轻易明白的是开辟一个下拉框通用组件这类封装好的组件，难以明白的就是定义一个margin外边距的一系列的属性款式鸠合，比方margin：10，margin：20，margin：30等，这也是一个模块，定义的一个完成差别外边距的需求的模块完成。

固然，模块化说了是一种思绪，不仅仅是体现在详细的代码逻辑上，还体现在文件管理上，页面规划等等，比方，webpack模块化管理工具上完成的多个进口的设置，根据页面或许页面中的差别模块地区对js/css图片等举行紧缩整合根据差别页面显现、差别模块地区显现导入差别的文件，这也是模块化的头脑。
以上是小可对模块化的一些明白，有毛病请江湖上列位挚友斧正，嘻嘻~多多交换，一同生长提高~