摘要:
开始课程前,我们先来解答上一节课的思考题:为什么在开启增量构建后,有时候 rebuild 还是会很慢呢?我们可以从两方面来找原因。首先,Webpack 4 中的增量构建只运用到了新增模块与生成 Chunk 产物阶段,其他处理过程(如代码压缩)仍需要通过其他方式进行优化,例如分包和压缩插件的缓存。其次 阅读全文
posted @ 2024-12-28 18:01
KooTeam
阅读(121)
评论(0)
推荐(0)
摘要:
开始课程前,我先来解答上一节课的思考题:课程中介绍的几种支持缓存的插件(TerserWebpackPlugin,CSSMinimizerWebpackPlugin)和 Loader(babel-loader,cache-loader)在缓存方面有哪些相同的配置项呢? 通过对比不难发现,这些工具通常至 阅读全文
posted @ 2024-12-28 18:00
KooTeam
阅读(141)
评论(0)
推荐(0)
摘要:
上节课的思考题是 Webpack 4 中 Tree Shaking 的触发条件有哪些?我们一起来回忆一下,要让引入的模块支持 Tree Shaking,一般有 4 点需要注意: 引入的模块需要是 ES6 类型的,CommonJS 类型的则不支持。 引入方式不能使用 default。 引用第三方依赖包 阅读全文
posted @ 2024-12-28 18:00
KooTeam
阅读(97)
评论(0)
推荐(0)
摘要:
上节课我们聊了 Webpack 构建流程中第一阶段,也就是编译模块阶段的提效方案,这些方案可以归为三个不同的优化方向。不知道大家课后有没有对照分析自己在项目里用到了其中的哪些方案呢? 今天我们就来继续聊聊 Webpack 构建流程中的第二个阶段,也就是从代码优化到生成产物阶段的效率提升问题(这节课的 阅读全文
posted @ 2024-12-28 17:59
KooTeam
阅读(86)
评论(0)
推荐(0)
摘要:
上一课我们聊了 Webpack 的基本工作流程,分析了其中几个主要源码文件的执行过程,并介绍了 Compiler 和 Compilation 两个核心模块中的生命周期 Hooks。 上节课后的思考题是,在 Compiler 和 Compilation 的工作流程里,最耗时的阶段分别是哪个。对于 Co 阅读全文
posted @ 2024-12-28 17:59
KooTeam
阅读(99)
评论(0)
推荐(0)
摘要:
上节课我们聊了过去 20 余年里,前端项目开发时的工程化需求,以及对应产生的工具解决方案,其中最广泛运用的构建工具是 Webpack。这节课我们就来深入分析 Webpack 中的效率优化问题。 要想全面地分析 Webpack 构建工具的优化方案,首先要先对它的工作流程有一定理解,这样才能针对项目中可 阅读全文
posted @ 2024-12-28 17:59
KooTeam
阅读(140)
评论(0)
推荐(0)
摘要:
今天开始我们进入本专栏的第二模块:构建效率。本模块主要探讨如何优化构建细节。在这之前,我想先聊一聊前端开发历程中构建工具的演进。通过这节课,让你对构建工具的诞生发展及它们各自解决的问题有一个直观了解。 前端开发语言的诞生 前端开发语言发展历程回顾: 1991 年,Tim Berners-Lee 发布 阅读全文
posted @ 2024-12-28 17:59
KooTeam
阅读(77)
评论(0)
推荐(0)
摘要:
在开始今天的课程前,我们先来简单回顾下上节课的思考题:低代码工具主要面向什么样的用户群体呢?低代码工具本质上是对组件化开发流程的简化,但在开发过程中,仍然可能进行编码调试。因此,它面向的用户群体应该是具有一定技术基础的开发人员,专业的后端开发也可以使用这类工具来快速开发项目中的前端功能。 在介绍低代 阅读全文
posted @ 2024-12-28 17:58
KooTeam
阅读(74)
评论(0)
推荐(0)
摘要:
在进入到这一课的内容之前先让我们来回顾下,通过脚手架工具生成初始化代码,以及通过 Snippet 工具生成代码片段的方式。两种方案的相同在于,通过简单的输入和选择就能获得预设后的项目代码。这种转化方式对于效率的提升效果是清晰可见的。于是有人就想到,能不能更进一步,将我们日常开发的手写代码过程,都转变 阅读全文
posted @ 2024-12-28 17:58
KooTeam
阅读(100)
评论(0)
推荐(0)
摘要:
上一讲我们讨论了在开发时提升编码效率的相关工具。在项目开发过程中,我们可以编写自定义的代码片段缩写规则来提升个人的编码效率。那么,如果想要把这些规则分享给团队内的其他成员或自己的其他电脑设备时又该怎么做呢?带着这个问题,我们就进入到今天要聊的主题:云开发(Cloud Development)。 和之 阅读全文
posted @ 2024-12-28 17:58
KooTeam
阅读(104)
评论(0)
推荐(0)

浙公网安备 33010602011771号