webpack基础篇(一)

最近在学习webpack, 但感觉刚开始看完一遍过段时间又全忘了，所以打算将一些学习的总结与思考记录到博客中，希望对自己的提升有所帮助。

1.什么是模块化？

模块化开发一直是前端工程中最常见的名词了，虽然可能都大致明白是什么意思，但用语言如何表述呢？
假设一台手机或者家电坏了拿到店里找老师傅维修，老师傅可以直接检测一下电视内部的哪个模块坏了直接换一块新的就可以了。而所谓的模块化开发就是造这样的一台电视，当我们的代码需要更新或者维护时，可以很快的找到对应的模块进行修改或者替换。
同时模块化不仅仅使前端工程更加清晰，同时还具有可复用的功能，前端模块化通常指的是一个代码块的最小甚至是最有组合，常见的例如npm包。如果没有模块，我们可能会编写代码更多的就是copy,copy多了，代码的可维护性就会下降。
常见的模块化规范有commonJS（require, export, module）、AMD(不同熟)、es6 Module(import, export)。

2.什么是工程化

当web应用越来越复杂时，我们会发现更多问题：
1.模块间的依赖如何管理
2.多页面、多系统、多状态怎么办
3.如何进行团队合作
4.怎么解决多人研发的性能问题，代码风格问题？
这些就是需要使用webpack的原因。现在的webpack更像是从一套解决Javascript模块化依赖打包开始，利用强大的插件机制，逐渐解决前端资源依赖管理问题。

3webpack解决的问题是什么

1.按需加载（后面详述）
2.模块化打包，一切皆模块<