Webpack构建流程webpack 核心构建流程总结webpack5 和 webpack4 源码不同，本文参考 webpack5.38.1 源码1. 核心构建流程总结1.1 启动 webpack {代码...} 1.2 启动 webpack-cli {代码...} 1.3 创建编译对象 compiler {代码...} 1.4 实例化编译对象 compiler，预埋核心钩子 {代码...} 1.5 执行方法 compiler.run()，启动编...

本文主要分析了Webpack打包后的源码；在Webpack打包文件出问题的时候，我们可以根据基本的程序结构来进行调试定位。例如：在执行Webpack构建后，将生成的文件放到dist目录，我们分析的即是dist目录的built.js。

loader 函数：loader 必须导出一个函数；它对资源文件进行处理后输出内容；它类似于管道，可以串联多个 loader，将返回值交给下一个 loader 继续处理；

1. 为什么使用Webpack（应用场景）支持新特性语言版本的编译针对javascript模块化打包针对所有资源，例如样式、图片、字体等进行模块化对于1、2两点，grunt、gulp等构建工具可以很好的解决，但是无法解决第3点。Webpack能够解决前端整体的模块化能力。2. 具备的能力模块打包器（Module bundler）—— 本身支持js模块化加载...

gulp的配置文件：gulpfile.jsgulp4.0以后不再推荐使用 gulp.task() ，而是推荐使用 exports 的方式定义任务：

简单来说就是在命令行可以使用nodejs来执行的应用，例如：vue-cli、creat-react-app、webpack-cli等；在前端开发过程中我们会用到很多的工具，这些工具在安装过后可以直接使用命令行执行；注意在全局安装和在项目安装不同。

1、前端工程化解决的问题1.1 为什么需要前端工程化？前端技术发展更新快，一些大型前端项目需要更系统化、更规范化的去组织开发工作；以此来提高对项目的开发效率，减少维护成本。例如：我们做一个电商网站（类似淘宝），它有各种商品页、活动页、详情页、列表页等。它有几个特点：每个页面功能高度类似，但还是有一些差...

Webkit是最初苹果公司开源的一个浏览器引擎，Safari就是基于Webkit开发的。Webkit主要由两大功能，一个是渲染Html，另一个是解析JavaScript。后来谷歌公司在Webkit的基础上升级了JavaScript解析器，研发出来V8引擎。V8引擎就用到了Chrome、Android浏览器中，后来还用到NodeJs环境用于执行服务端程序。所以现在的Chrome是...