wuxian_wj的博客

概念 bundle bundle由许多不同的模块生成，包含已经经过加载和编译过程的源文件的最终版本 chunk chunk主要是在内部用于管理捆绑过程。输出是由bundle由chunk组成，其中有几种类型entry child等。通常，chunk直接与bundle对应，但是有些配置不会产生一对一的关系，例如MiniCssExtractPlugin可从chunk中抽离出css文件，单独生成bundle。生成chunk有三种方式，entry、动态加载、splitChunks抽取共有代码 Module modul

大致流程 webpack的运行流程是一个串行的过程，从启动到结束会依次执行以下流程 初始化参数：从配置文件和Shell语句中读取与合并参数，得出最终的参数 开始编译：用上一步得到的参数初始化Compiler对象，加载所有配置的插件，执行对象的run方法开始执行编译 确定入口：根据配置中的entry找出所有的入口文件 编译模板：从入口文件出发，调用所有配置的Loader对模块进行翻译，再找出该模块依赖的模块，再递归本步骤知道所有入口依赖的文件都经过本步骤的处理 完成模块编译：再经过第4步使用Loader翻译

什么是webpack 本质上，webpack是一个用于javascript应用程序的静态模块打包工具。当webpack处理应用程序时，他会在内部从一个或多个入口构建一个依赖关系，然后将项目中所需的每一个模块组合成一个或多个bundles，它们均为静态资源，用于展示我们的内容。 配置项概念 使用webpack需要做好相应的配置，在使用之前我们需要先了解其相关的核心概念 入口（entry） 输出（output） loader 插件（plugin） 模式（mode） 浏览器兼容性（browser compati