WebPack
一、WebPack是什么
概念(来自官方)
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。
四个核心概念:入口(entry)、输出(output)、loader、插件(plugins)
简要来说WebPack就是JS程序的静态模块打包器,另外还要熟记四个核心概念,这样当被问起时(一般都是面试被问)也好叙述。近年来随着技术的演变,前端也越发的强大,其中模块化概念就是发展的产物,webpakc之所以能够被推而广之,就是因为它是比较优秀的模块化方案。
为什么要打包
因为业务逻辑多、项目文件多、复杂度提升。
第一点首先如果项目中有很多js文件,不去打包的话,人为地去缕清它们之间的关系是很累心的操作,倘若我们能够将这些文件都合并打包到一个文件中就省去很多事情。
二、模块化
我们可以把项目想象成一个公司,而模块就相当于公司内部的各个职能部门,它们具有关联性独立性又各司其职,共同负责公司的运转。