在所有的事情背后，要有一颗坚定的的本心，要有一颗应对变革和提升自我的本心，世界瞬息万变，本心要坚持到底，保持学习，时刻复盘

webpack5基础

webpack4基础

webpack3基础

Webpack 源代码中涉及到任务调度相关内容都会基于 AsyncQueue 来初始化队列，从而实现异步队列调用。AsyncQueue本质上就是一款任务调度器参考链接。

entryLoader在以上过程中，Webpack 会在特定的时间点广播出特定的事件，插件在监听到感兴趣的事件后会执行特定的逻辑，并且插件可以调用 Webpack 提供的 API 改变 Webpack 的运行结果。

webpack.config.jspackage.json资源模块资源模块(asset module)是一种模块类型，它允许使用资源文件（字体，图标等）而无需配置额外 loader在 webpack 5 之前，通常使用：raw-loader 将文件导入为字符串url-loader 将文件作为 data URI 内联到 bundle 中file-loader 将文件发送到输出目录资源模块类型(asset module type)，通过添加 4 种新的模块类型，来替换所有这些 loa

【代码】webpack代码分割。

构建gulp基于 nodejs 的 流打包定位是基于任务流的自动化构建工具Gulp是通过task对整个开发过程进行构建优点流式的写法简单直观API简单,代码量少易于学习和使用适合多页面应用开发缺点异常处理比较麻烦工作流程顺序难以精细控制不太适合单页或者自定义模块的开发执行任务配置gulpfile.js构建webpackwebpack 是模块化管理工具和打包工具。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、A

dll-pluginDllPlugin插件： 用于打包出一个个动态连接库DllReferencePlugin: 在配置文件中引入DllPlugin插件打包好的动态连接库entry: {},output: {},plugins: [//暴露出去的dll函数//输出的manifest json文件的绝对路径}),],

【代码】webpack之HMR。

插件向第三方开发者提供了 webpack 引擎中完整的能力。使用阶段式的构建回调，开发者可以引入它们自己的行为到 webpack 构建流程中。创建插件比创建 loader 更加高级，因为你将需要理解一些 webpack 底层的内部特性来做相应的钩子。

map。