摘要：
上节课我们分析了部署流程中，安装依赖阶段执行效率的影响因素和执行过程细节。思考题是如果使用 npm 的话，在最佳条件下是否也可以达到像 Yarn 一样瞬间完成依赖安装呢？答案是当然可以。在今天课程的第一部分我们就将了解如何利用安装目录缓存达到这一效果。 我们将从部署流程效率优化的实战角度来分析几个主 阅读全文
posted @ 2024-12-28 18:02
KooTeam
阅读(68)
评论(0)
推荐(0)
摘要：
上节课我们主要介绍了几个典型的部署工具及其特点。课后的思考题是如果所在企业需要选择一款 CI/CD 工具，你选择的依据有哪些？如果是我会从这几个方面思考：选择付费系统还是免费系统，选择云服务还是自运维，所选的方案是否便于对接上下游系统流程，使用配置是否便捷，对用户而言是否有学习成本......希望这 阅读全文
posted @ 2024-12-28 18:02
KooTeam
阅读(77)
评论(0)
推荐(0)
摘要：
上节课我们通过分析“为什么不在本地环境进行部署”这个问题，来对比部署系统的重要性：一个优秀的部署系统，能够自动化地完整部署流程的各环节，无须占用开发人员的时间与精力，同时又能保证环境与过程的一致性，增强流程的稳定性，降低外部因素导致的风险。此外，部署系统还可以提供过程日志、历史版本构建包、通知邮件等 阅读全文
posted @ 2024-12-28 18:01
KooTeam
阅读(168)
评论(0)
推荐(0)
摘要：
这节课我们将进入前端效率工程化的第三个模块——部署效率篇。本模块主要讨论两个方面的问题：第一个是在前端项目的构建部署流程里，除了使用构建工具执行构建之外，还有哪些因素会影响整个部署流程的工作效率？第二个是在部署系统中进行项目构建时，又会面临哪些和环境相关的问题和优化方案？ 这节课我们先来讨论为什么要 阅读全文
posted @ 2024-12-28 18:01
KooTeam
阅读(82)
评论(0)
推荐(0)
摘要：
上节课我们讨论了 Webpack 的最新版本 Webpack 5 所带来的提效新功能。思考题是 Webpack 5 中的持久化缓存究竟会影响哪些构建环节呢？ 通过对 compiler.cache.hook.get 的追踪不难发现：持久化缓存一共影响下面这些环节与内置的插件： 编译模块：Resolve 阅读全文
posted @ 2024-12-28 18:01
KooTeam
阅读(78)
评论(0)
推荐(0)
摘要：
开始课程前，我们先来解答上一节课的思考题：为什么在开启增量构建后，有时候 rebuild 还是会很慢呢？我们可以从两方面来找原因。首先，Webpack 4 中的增量构建只运用到了新增模块与生成 Chunk 产物阶段，其他处理过程（如代码压缩）仍需要通过其他方式进行优化，例如分包和压缩插件的缓存。其次 阅读全文
posted @ 2024-12-28 18:01
KooTeam
阅读(89)
评论(0)
推荐(0)
摘要：
开始课程前，我先来解答上一节课的思考题：课程中介绍的几种支持缓存的插件（TerserWebpackPlugin，CSSMinimizerWebpackPlugin）和 Loader（babel-loader，cache-loader）在缓存方面有哪些相同的配置项呢？ 通过对比不难发现，这些工具通常至 阅读全文
posted @ 2024-12-28 18:00
KooTeam
阅读(110)
评论(0)
推荐(0)
摘要：
上节课的思考题是 Webpack 4 中 Tree Shaking 的触发条件有哪些？我们一起来回忆一下，要让引入的模块支持 Tree Shaking，一般有 4 点需要注意： 引入的模块需要是 ES6 类型的，CommonJS 类型的则不支持。 引入方式不能使用 default。 引用第三方依赖包 阅读全文
posted @ 2024-12-28 18:00
KooTeam
阅读(73)
评论(0)
推荐(0)
摘要：
上节课我们聊了 Webpack 构建流程中第一阶段，也就是编译模块阶段的提效方案，这些方案可以归为三个不同的优化方向。不知道大家课后有没有对照分析自己在项目里用到了其中的哪些方案呢？ 今天我们就来继续聊聊 Webpack 构建流程中的第二个阶段，也就是从代码优化到生成产物阶段的效率提升问题（这节课的 阅读全文
posted @ 2024-12-28 17:59
KooTeam
阅读(57)
评论(0)
推荐(0)
摘要：
上一课我们聊了 Webpack 的基本工作流程，分析了其中几个主要源码文件的执行过程，并介绍了 Compiler 和 Compilation 两个核心模块中的生命周期 Hooks。 上节课后的思考题是，在 Compiler 和 Compilation 的工作流程里，最耗时的阶段分别是哪个。对于 Co 阅读全文
posted @ 2024-12-28 17:59
KooTeam
阅读(75)
评论(0)
推荐(0)
浙公网安备 33010602011771号