前端工程化

- 抽象语法树(Abstract Syntax Tree，简称AST)是源代码语法结构的一种抽象表示 - 它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构

Nodejs流相关知识 流的分类 Readable 可读流 Writable 可写流 Duplex 双工流 Transform 转换流 PassThrough 传递流 Readable(可读流) 2.

gulp基础 什么是gulp gulp 是可以自动化执行任务的工具 在平时开发的流程里面,一定有一些任务需要手工重复得执行，比如: 把文件从开发目录拷贝到生产目录 把多个 JS 或者 CSS 文件合并

webpack工作流程 初始化参数：从配置文件和 Shell 语句中读取并合并参数,得出最终的配置对象 用上一步得到的参数初始化 Compiler 对象 加载所有配置的插件 执行对象的 run 方法开

一、与webpack类似的工具还有哪些?谈谈你为什么选择使用或放弃webpack? grunt 一句话：自动化。对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linti

webpack代码分割方式 entry配置：通过多个 entry 文件来实现 动态加载(按需加载)：通过主动使用import来动态加载 抽取公共代码：使用splitChunks配置来抽取公共代码 基础

什么是HMR Hot Module Replacement是指当我们对代码修改并保存后，webpack将会对代码进行重新打包，并将新的模块发送到浏览器端，浏览器用新的模块替换掉旧的模块，以实现在不刷新

sourcemap介绍 什么是sourceMap sourcemap是为了解决开发代码与实际运行代码不一致时帮助我们debug到原始开发代码的技术 webpack通过配置可以自动给我们source m

什么是DLL DllPlugin和DllReferencePlugin提供了拆分包的方法，可以极大地提高构建时性能。术语DLL代表动态链接库，它最初是由Microsoft引入的。 .dll为后缀的文件

plugin 插件向第三方开发者提供了 webpack 引擎中完整的能力。使用阶段式的构建回调，开发者可以引入它们自己的行为到 webpack 构建流程中。创建插件比创建 loader 更加高级，因为

webpack5新特性 持久化缓存 资源模块 moduleIds & chunkIds的优化 更智能的tree shaking nodeJs的polyfill脚本被移除 支持生成e6/es2015的代

起步 安装 webpack.config.js webpack.config.js main.js src\main.js App.vue src\App.vue index.html src\ind