如何理解前端模块化？

什么是Webpack ？
官方解释：webpack是一个现代的JavaScript应用的静态打包工具。
简单理解：模块和打包。

前端模块化：

1. AMD,CMD,CommonJS，ES6模块化都支持， 一般浏览器只支持ES6，其他模块不能部署到服务器，但是假如用打包工具webpack打包，则4中技术都能被webpack打包翻译（在开发中可以用commonjs，打包后没有commonjs）。

2. 模块化开发中，需要导入各个模块间的依赖，webpack可以处理模块间的依赖，生成浏览器能识别的代码。

3. 不仅仅JavaScript文件可以打包，css，图片，json等都可以被webpack当做模块来用。