webpack（一）概念及模块化

一、WebPack是什么

概念（来自官方）

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
四个核心概念：入口（entry）、输出（output）、loader、插件（plugins）

简要来说WebPack就是JS程序的静态模块打包器，另外还要熟记四个核心概念，这样当被问起时（一般都是面试被问）也好叙述。近年来随着技术的演变，前端也越发的强大，其中模块化概念就是发展的产物，webpakc之所以能够被推而广之，就是因为它是比较优秀的模块化方案。

为什么要打包

因为业务逻辑多、项目文件多、复杂度提升。
第一点首先如果项目中有很多js文件，不去打包的话，人为地去缕清它们之间的关系是很累心的操作，倘若我们能够将这些文件都合并打包到一个文件中就省去很多事情。

二、模块化

我们可以把项目想象成一个公司，而模块就相当于公司内部的各个职能部门，它们具有关联性独立性又各司其职，共同负责公司的运转。