MDH 前端周刊第 9 期：Github Copilot、Temporal、TypeScript 4.4 Beta

这是 「MDH：前端周刊」 第 0009 期，发表于：2021/07/05。本期刊开源（GitHub: sorrycc/weekly），欢迎 issue 区投稿，推荐或自荐项目。

封面图：千岛湖 @ 2021.7.4 。

❄️ TL;DR

👉 Umi 3.5
👉 Github Copilot
👉 Mini CSS Extract Plugin 2
👉 Temporal
👉 TypeScript 4.4 Beta
👉 迈入现代 Web 开发
👉 程序员的酒后真言

⚡ 展开讲讲

Umi 3.5 发布

https://mp.weixin.qq.com/s?__biz=MjM5NDgyODI4MQ==&mid=2247484015&idx=1&sn=bf539cfbd77b20dd1c77ce80c98feead

补充介绍下 MFSU（Module Federation based Speed Up solution) 的 V1、V2 和 V3。V1 是去年做的内网 MFSU，在线做依赖预编译，不仅二次快，首次也快，缺点是有不少坑；V2 是上周发布的 Umi 3.5 包含的 MFSU，本地化预编译，功能通用化，V1 的坑全解，预编译匹配度拉满所以效果稳定，支持生产和协作，能完美支持组件开发、h5、微前端、chair、sff 等 V1 不支持或支持不完善的场景，并且在 DX（Developer eXperience）上增益不少，唯一的缺点是首次编译速度没有提升；V3 是未来一两个月要做的版本，在预编译速度方面（同时提升首次编译速度、比肩 Vite）、产物尺寸（export 级 tree-shaking）和开发生产体验（请求合并）方面再做进一步提升。

Github Copilot

https://copilot.github.com/

AI Completion 工具，没收到邀请的还可以先试试 tabnine、codota、aixcoder 和 kite，tabnine 风评还不错。

Mini CSS Extract Plugin 2.0

https://github.com/webpack-contrib/mini-css-extract-plugin/releases/tag/v2.0.0

主要是 publicPath 相关的改进，如果没有用 cdn，建议用默认的 auto。

Temporal，新的 date/time API

https://2ality.com/2021/06/temporal-api.html

包含，

• Immutable 设计
• Moment 风格的日期计算
• 支持时区
• 支持范围（比如计算两个 date 之间的时差）

TypeScript 4.4 Beta

https://devblogs.microsoft.com/typescript/announcing-typescript-4-4-beta/

最好用的功能是 Control Flow Analysis of Aliased Conditions，

function foo(arg: unknown) {
    if (typeof arg === "string") {
        // TypeScirpt 4.4 之前会报错
        // TypeScript 4.4 之后知道这是字符串
        console.log(arg.toUpperCase());
    }
}

迈入现代 Web 开发

https://mp.weixin.qq.com/s?__biz=MzkxNDIzNTg4MA==&mid=2247484407&idx=1&sn=c3706cdacefe4fd0ee372804ce53b4ce

GMTC 2021 演讲《字节跳动的现代 Web 开发实践》全文，期待 Modern.js 的开源。

程序员的酒后真言

https://www.ruanyifeng.com/blog/2021/06/drunk-post-of-a-programmer.html

🕒 订阅

本周刊每周一发布，同步更新在语雀 「mdh/weekly」 和微信公众号。
微信搜索 「云谦」 或者扫描二维码，即可订阅。

（完）