webpack

grunt和gulp是基于任务和流（Task、Stream）的。类似jQuery，找到一个（或一类）文件，对其做一系列链式操作，更新流上的数据， 整条链式操作构成了一个任务，多个任务就构成了整个web的构建流程。 webpack是基于入口的。webpack会自动地递归解析入口所…

常见版本更新检测方式 轮询版本文件 使用Server-Sent Events实现实时推送 WebSocket实现双向通知 如何检测版本号（如何检测、对比、通知） 如何生成版本号（即把构建产物抽象成一个

构建原理与核心差异 性能对比 编译模式不同‌：Vite采用按需编译的方式，即直接启动开发服务器，然后按需编译文件，而Webpack需要先完整打包所有依赖和源代码，然后再启动开发服务器。这种方式使得Vi

webpack做性能优化主要从两个方面[开发环境]和[生产环境]做优化 开发环境优化 更快的构建速度、模块热更新、source map 通过cache： { type: 'systemfile'} 开

自定义插件---静态文件自动上传到服务器中 依赖包：node-ssh:通过ssh连接远程服务器（安装npm i node-ssh -D） webpack的plugins中，使用该类：

定义 无需完全刷新整个页面的同时，更新所有类型的模块。 为啥代码的改动保存会自动编译，重新打包？ 在项目启动之后，Webpack 会通过 Compiler 类的 Run 方法开启编译构建过程，编译完成

定义 Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确定 ESM 模块中哪些导出值未曾