WEB前端模块化介绍

一.什么是模块化：

顾名思义，模块化就是将一个完整的项目分成多个模块去完成，比如：一个页面由导航栏，焦点图，图片，介绍等一系列组成，在过去的开发中，我们一般会将这些代码放在一个页面中，这就会出现很多问题，比如：代码维护，你需要在大量代码中区修改，有时候可能会造成连锁反应，需要消耗大量的财力，物力，得不偿失，而模块化开发则很容易的解决了这一个问题，它将每一个模块放在一个单独的页面里，维护时，你只需要维护单个模块，模块与模块之间的联系很小。而且还能实现模块复用，一个模块，可在多个地方使用，节省了大量的成本。

二.实现模块化的工具：
现市面由很多工具都能实现，但通过时间的验证，只有少数几个被程序员所认可，我喜欢使用webpack打包工具，它能将不同的文件转换成js,html,css三个文件。

学习请到官网：
1.英文文档：https://webpack.js.org/concepts
2.中文文档：https://www.webpackjs.com/concepts/