前端食堂技术周刊第 63 期：Vite 4.0、State of CSS 2022、Rome v11

美味值：🌟🌟🌟🌟🌟

口味：霜糖山楂

• 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly

本期摘要

• Vite 4.0
• State of CSS 2022 调查结果
• Rome v11
• HTMHell Advent Calendar 2022
• Web 性能日历
• VueConf 2022 PPT
• 用于安全发布和安全消费的新 npm 功能

大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。

技术资讯

1. Vite 4.0

• 升级 Rollup 3
• 新增 @vitejs/plugin-react-swc，在构建时使用 esbuild，开发时用 SWC 替换 Babel
• 现代浏览器的构建目标默认为 safari14
• 升级 dotenv 16、dotenv-expand 9
• CLI 快捷键
• 预构建支持 patch-package
• 优化构建日志输出，单位切换到 kB
• 改进 SSR 期间的错误信息
• 与 Vite 3.2.5 相比，Vite 4 的安装包大小减少了 23%
• plugin 包移出 core 仓库

2. State of CSS 2022 调查结果

下面是 Lea Verou 的一些总结，关于特性、框架、CSS in JS 等部分的具体内容大家可以移步去看报告。

• Interop 2022 将浏览器组织到一起，将“不可能”变为了“正在发生”，比如父选择器（:has()）和容器查询（@container）(多年来受到性能的影响一直未实现，如今变为可能)。
• Subgrid 也在积极被实施和支持
• 2023 预测：原生支持嵌套、颜色处理相关(color(), lab(), lch(), oklab(), oklch()、color-mix())

3. Rome v11

• 支持 TS 4.9 satisfies
• 支持分号可选配置
• 引入 4 个新的 Lint 规则，并将规则分为三组：性能(performance)、正确(correctness)、可疑(suspicious)
• 更改抑制 Lint 的注释写法，并试验性支持(自动导入抑制 Lint 注释)Suppression Code Action 、导入排序(Import Sorting)

下面我们来看技术资料。

技术资料

1. HTMHell Advent Calendar 2022

HTMHell 降临节日历再度来袭，从 12 月 1 日到 12 月 24 日，每天更新一篇新的文章。作者来自世界各地，内容关于可访问性、性能和安全性等。

2. Web 性能日历

去年的 12 月也推荐过这个 Web 性能日历，2022 年也可以开始追更啦。

3. VueConf 2022 PPT

PPT 合辑出炉，回放也都能看了。

4. 用于安全发布和安全消费的新 npm 功能

更细粒度的访问令牌、2FA 功能增强，进一步提升安全性。Code explorer 付费功能免费开放，可以在 npm 门户站点查看包内容。

好文推荐

下面来看一下好文推荐，本周推荐的好文是：

1. 哔哩哔哩 Web 首页重构——回首2021
2. 西瓜业务是如何从 0-1 建设 SEO 的

好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。

你的前端食堂，吃好每一顿饭，我们下期见。