Svelte igration 的经验和注意事项

发布日期： 2024-11-03 阅读量： 作者： 网络

svelte igration 的经验和注意事项

我最近更新了一个相当复杂的网络应用程序。该应用具有 auth、stripe、i18n、dark/light 模式、pwa 等功能。总体而言，它有大约 30 个页面和组件，几乎没有第三方 npm 包。

我想指出在将应用程序迁移到 svelte 5 时我发现非常具有挑战性的事情。

自动迁移脚本锤

svelte 提供的自动迁移脚本可以在终端 npx sv migrate svelte-5 中使用这个“one-liner”命令为您完成这项工作（在完成所有必要的更新并安装之后：“@sveltejs/vite -plugin-svelte”：“^4.0.0”和“svelte”：“^5”）。但我并不推荐这种“锤子”的做法。

使用 ctrl + shift + p (windows/linux) / shift + command + p (mac) 逐个文件、逐个组件地进行操作，并使用“将组件迁移到 svelte” 5 vs code 命令面板中的语法命令改为。这样你就会有更多的控制权。

已弃用的 run() 惊喜

脚本无法创造奇迹。将反应式变量声明升级到 $state() 通常没问题。然而，脚本可能很难检测 $: 是否应该转换为 $driven()/$衍生.by(() => {}) 或 $effect(() => {})。

那么，你猜怎么着？使用自动迁移脚本，您最终可能会得到大量 run(() => {})。

例如，想象一个使用如下内容的简化示例：

<script>
...
   let notext = false;
   $: if (data.completedoc == 'nolangversion') {
      notext = true;
   }
   $: if (data.completedoc !== 'nolangversion') {
      notext = false;
   }
</script>

...
{#if notext}
   {data.userprefferedlang.notextwarning}
{:else}
...
{/if}
...

# css # linux # windows

上一篇: php函数跨语言调用实战指导

下一篇: 什么是嵌入式linux系统

Svelte igration 的经验和注意事项

随便看看