webpack是一个模块打包工具，通过静态分析文件依赖关系进行打包。它的构建流程包括初始化、确定入口、编译模块等步骤，优势在于代码体积小、加载快，支持高级语言和统一的开发环境。核心概念包括entry、output、loader和plugins。基本功能涉及代码转换、文件优化、代码分割、模块合并等。常见的问题涉及loader与plugin的区别、模块化的作用、DevServer、HMR、Tree-shaking等。其他类似工具有rollup和parcel。
webpack是一个模块打包工具，用它可以管理项目中的模块依赖，并编译出所需的静态文件。
打包原理：
webpack打包原理是根据文件间的依赖关系对其进行静态分析，将这些模块按指定规则生成静态资源，当 webpack处理程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，将所有这些模块打包成一个或多个bundle。
webpack构建流程
初始化参数—>开始编译---->确定入口---->编译模块—>完成编译---->输出数据---->输出完成
优势：
代码层面：
1. 体积更小，加载更快
2. 编译高级语言和语法
3. 兼容性和错误检查
研发流程层面：
1.统一高效的开发环境
2.统一的构建流程和产出标准
3.集成公司构建规范（提测、上线）
核心概念：
entry：入口，webpack的执行从entry开始，
output：出口，输出结果，webpack的输出位置，
loader：模块转换器，用于把webpack不能直接打包的文件类型转换
plugins：插件，用于把模块原内容按需求转换成新内容
mode：通过选择development或者production来设置mode参数
chunk：代码块，即打包后输出的文件
最低0.47元/天 解锁文章
997
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
