本专栏（FE weekly news）文章随缘更新，由于精力有限，每篇周报的内容可能不多，欢迎大家关注

新闻

Release: Yarn 4.0 🪄⚗️

经过1年多的时间，Yarn终于发布了稳定的4.0版本。如果你想从3.x升级到4.0，以下是一些注意事项：

1. 新版本的Yarn要求Node.js18+
2. 通过yarn init初始化的项目不再默认支持Zero-Install(Zero-Install简单来说就是切换有不同依赖的分支时不用再执行一次yarn install重装依赖)
3. 通过yarn init创建的项目将用Corepack代替yarnPath（关于Corepack的介绍，可以看看这篇文章）
4. 新版本的Yarn默认包含了所有官方插件，在此之前很多功能都是通过sideloaded plugin来实现的，用户需要自己去维护更新这些插件。新版本的Yarn增加了很多自动处理能力，比如如果你的项目使用的是Typescript，yarn会自动去检测你安装的包有没有@types package, 有的话会帮你自动安装，而不需要你再去手动安装了。
5. yarn workspaces foreach指令的语法有一些变动

除此之外，Yarn4.0还发生了以下变化（我没全部列出来，有兴趣可以去看下原文）：

1. Yarn实现constraints engine的工具从Prolog改为了一个基于JS的引擎（因为Prolog变的越来越复杂，超出了Yarn团队能接受的阈值）

2. 用户面板&指令做了一定的优化， 比如执行yarn install后控制台的输出信息发生了改变

   再比如，执行yarn config后，控制台的输出格式改为了树形。

3. 性能得到了极大提升：得益于新的package源数据缓存，yarn install的安装速度提升了3倍多，与pnpm的速度相当。

4. 最后，yarn对其网站进行了改版，进一步了方便用户对信息的查找。

文章

1. 一个带你入门Svelte和SvelteKit的网站

想大概了解一下Svelte和SvelteKit的话可以看看

2. Changing Colors in an SVG Element Using CSS and JavaScript

本文介绍了一些通过css/js改变svg颜色的方法

工具

1. verto.sh——你迈向开源合作世界的大门

该网站提供了一个平台给那些开源库创造者，以及那些想参与到开源库开发的开发者。

在该网站上，你可以看到那些需要Contributor的开源库，你也可以把你自己的开源库添加到该网站，以寻找更多Contributor（当然，为了保证平台上开源库的质量，你的开源库需要满足一些要求。）

2. hotkey

通过该工具，可以为你开发的DOM元素添加快捷键并进行相关配置。