webpack原理、优势、基本功能和常见问题

webpack是一个模块打包工具，用它可以管理项目中的模块依赖，并编译出所需的静态文件。

打包原理：

webpack打包原理是根据文件间的依赖关系对其进行静态分析，将这些模块按指定规则生成静态资源，当 webpack处理程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，将所有这些模块打包成一个或多个bundle。

webpack构建流程

初始化参数—>开始编译---->确定入口---->编译模块—>完成编译---->输出数据---->输出完成

优势：

代码层面：
1. 体积更小，加载更快
2. 编译高级语言和语法
3. 兼容性和错误检查
研发流程层面：
1.统一高效的开发环境
2.统一的构建流程和产出标准
3.集成公司构建规范（提测、上线）

核心概念：

entry：入口，webpack的执行从entry开始，
output：出口，输出结果，webpack的输出位置，
loader：模块转换器，用于把webpack不能直接打包的文件类型转换
plugins：插件，用于把模块原内容按需求转换成新内容
mode：通过选择development或者production来设置mode参数
chunk：代码块，即打包后输出的文件

基本功能和工作原理