Upgrading my Svelte 4 to Svelte 5 RC

最近Svelte发布了Svelte 5 Release Candidate，里面有一些新的特性非常不错，简化了很多的代码写法，代码量也大大减少。抱着尝鲜的态度，将我的 Svelte 4 升级到了 Svelte 5。

npm install --save-dev svelte@next

不用担心新版本与其它依赖包的兼容问题。大家看看下面就是我升级后的依赖包版本信息:

  "devDependencies": {
    "@sveltejs/adapter-static": "^3.0.1",
    "@sveltejs/kit": "^2.0.0",
    "@sveltejs/vite-plugin-svelte": "^3.0.0",
    "svelte": "^5.0.0-next.216",
  }

需要的一点点调整

首先，Svelte语言服务器svelte-lsp还不支持新版本的语法提示和高亮。需要先下载最新版本的 prettier 和 prettier-plugin-svelte 开发依赖包。

npm i --save-dev prettier-plugin-svelte prettier

并创建一个 .prettierrc 文件：

{
  "plugins": ["prettier-plugin-svelte"],
  "overrides": [
    {
      "files": "*.svelte",
      "options": { "parser": "svelte" }
    }
  ]
}

一点点兼容性的依赖包

在我的项目中仅有svelte-radix这一个图标库依赖包存在兼容问题。也是简单的将其升级为 beta 版就解决问题了。

  "dependencies": {
    "svelte-radix": "^2.0.0-next.3",
  },