前端食堂技术周刊第 63 期：Vite 4.0、State of CSS 2022、Rome v11、Web 性能日历
前端食堂技术周刊第 63 期：Vite 4.0、State of CSS 2022、Rome v11、Web 性能日历
这是前端食堂的第 139 篇原创
美味值：🌟🌟🌟🌟🌟
口味：霜糖山楂
- 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly[1]
本期摘要
- Vite 4.0
- State of CSS 2022 调查结果
- Rome v11
- HTMHell Advent Calendar 2022
- Web 性能日历
- VueConf 2022 PPT
- 用于安全发布和安全消费的新 npm 功能
大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。
技术资讯
1. Vite 4.0[2]
- 升级 Rollup 3[3]
- 新增 @vitejs/plugin-react-swc，在构建时使用 esbuild，开发时用 SWC 替换 Babel
- 现代浏览器的构建目标默认为 safari14
- 升级 dotenv 16、dotenv-expand 9
- CLI 快捷键
- 预构建支持 patch-package[4]
- 优化构建日志输出，单位切换到 kB
- 改进 SSR 期间的错误信息
- 与 Vite 3.2.5 相比，Vite 4 的安装包大小减少了 23%
- plugin 包移出 core 仓库
2. State of CSS 2022 调查结果[5]
下面是 Lea Verou 的一些总结，关于特性、框架、CSS in JS 等部分的具体内容大家可以移步去看报告。
- Interop 2022 将浏览器组织到一起，将“不可能”变为了“正在发生”，比如父选择器（:has()）和容器查询（@container）(多年来受到性能的影响一直未实现，如今变为可能)。
- Subgrid 也在积极被实施和支持
- 2023 预测：原生支持嵌套、颜色处理相关(color(), lab(), lch(), oklab(), oklch()、color-mix())
3. Rome v11[6]
- 支持 TS 4.9 satisfies
- 支持分号可选配置
- 引入 4 个新的 Lint 规则，并将规则分为三组：性能(performance)、正确(correctness)、可疑(suspicious)
- 更改抑制 Lint 的注释写法，并试验性支持(自动导入抑制 Lint 注释)Suppression Code Action 、导入排序(Import Sorting)
下面我们来看技术资料。
技术资料
1. HTMHell Advent Calendar 2022[7]
HTMHell 降临节日历再度来袭，从 12 月 1 日到 12 月 24 日，每天更新一篇新的文章。作者来自世界各地，内容关于可访问性、性能和安全性等。
2. Web 性能日历[8]
去年的 12 月也推荐过这个 Web 性能日历，2022 年也可以开始追更啦。
3. VueConf 2022 PPT[9]
PPT 合辑出炉，回放也都能看了。
4. 用于安全发布和安全消费的新 npm 功能[10]
更细粒度的访问令牌、2FA 功能增强，进一步提升安全性。Code explorer 付费功能免费开放，可以在 npm 门户站点查看包内容。
好文推荐
下面来看一下好文推荐，本周推荐的好文是：
好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。
你的前端食堂，吃好每一顿饭，我们下期见。
周刊一锅端
如果大家还没看过瘾，给大家推荐一下食堂技术周刊的合作伙伴，赶快把他们也抱入碗中吧～
- 前端早早聊的 18 个成长宝藏库[11]：前端早早鸟，前端早早跑
- MDH 前端周刊[12]：大厂一线 P8，Umi、Dva 等库作者
- DEX 周刊[13]：关于产品、设计、前端、软件等内容的精华资讯邮件列表
周刊赞助
整理周刊要花费大量的精力和时间，不过你可以通过以下方式支持我：
- 将食堂分享给你的朋友；
- 订阅食堂的竹白付费专栏(食堂为你准备了专属的会员通讯，以及前端食堂数字花园知识库的访问权限)。
订阅地址：https://hungryturbo.zhubai.love/
参考资料
[1]
食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly: https://github.com/Geekhyt/weekly
[2]
Vite 4.0: https://vitejs.dev/blog/announcing-vite4.html
[3]
Rollup 3: https://github.com/rollup/rollup/releases/tag/v3.0.0
[4]
patch-package: https://github.com/ds300/patch-package
[5]
State of CSS 2022 调查结果: https://2022.stateofcss.com/
[6]
Rome v11: https://rome.tools/blog/2022/12/06/rome11/
[7]
HTMHell Advent Calendar 2022: https://www.htmhell.dev/adventcalendar/
[8]
Web 性能日历: https://calendar.perfplanet.com/2022/
[9]
VueConf 2022 PPT: https://www.yuque.com/vueconf/iro4c1
[10]
用于安全发布和安全消费的新 npm 功能: https://github.blog/2022-12-06-new-npm-features-for-secure-publishing-and-safe-consumption/
[11]
前端早早聊的 18 个成长宝藏库: https://mp.weixin.qq.com/s/3yLbUwqzSy2gFHXkO0PICg
[12]
MDH 前端周刊: https://mp.weixin.qq.com/s/NGux3r0P1JJH_z4-vfeksQ
[13]
DEX 周刊: https://newsletter.dex.group/
公众号：前端食堂
知乎：童欧巴
掘金：童欧巴
这是一个终身学习的男人，他在坚持自己热爱的事情，欢迎你加入前端食堂，和这个男人一起开心的“变胖”～