如何在本地修改 sveltejs-froms 包供我自己使用？

Question

我是前端世界 sveltejs 的新手。我有一个使用包 sveltejs-forms, and use the REPL sveltejs-form demo 作为起点的项目。由于某些原因，我无法使用最新版本的sveltejs-forms，但我想自定义一些代码供我自己使用，例如设置默认选择选项.

这是我项目package.json的一部分

"devDependencies": {

    "svelte": "3.20.0",
    "sveltejs-forms": "1.0.0",

    "yup": "0.16.4"
}

在 REPL 演示代码中，为了设置默认选择的选项，我想将代码从

const langOptions = [
    { id: 'svelte', title: 'Svelte' },
    { id: 'react', title: 'React' },
    { id: 'angular', title: 'Angular' },
];

至

const langOptions = [
    { id: 'svelte', title: 'Svelte', default: true },
    { id: 'react', title: 'React' },
    { id: 'angular', title: 'Angular' },
];

所以我从github下载了代码sveltejs-forms 1.0.0，并在本地解压如下：

并想更改演示代码

<script>
  import { Form, Input, Select, Choice } from 'sveltejs-forms';

至

<script>
  import { Form, Input, Select, Choice } from './my-local-sveltejs-forms.svelte';

我该怎么办？

我 google 'modify sveltejs package locally', but nothing found. And google "how to create package for sveltejs", and read the article Creating a package for Svelte for hint (but not yet dive in), and watch the youtube How to create a web component in sveltejs, and Svelte - Make web components!

是否有关于如何为 Svelte 创建包的文档？或者各位专家有什么建议吗？或者只是去 github repo 有问题？

Answer 1

我认为你至少有两条不同的路要走。第一种方法是将 package.json 中的 “svelte-forms” 更改为指向本地文件。

”svelte-forms” : ”file: ../../svelte-form”

搜索更多信息：“npm 本地依赖”

更改本地文件后，必须运行:

yarn upgrade svelte-forms

第二种方法就是您要尝试做的事情，即。将文件直接添加到您的项目中，例如。进入某个子文件夹。这里的挑战是更改所有导入以指向正确的文件夹。如果只有几个components/files，这应该不是问题。

您还可以从 package.json 中删除相关依赖项。而且我认为你应该删除它，因为如果文件被发现有多个路径，它可能会导致一些问题。

如何在本地修改 sveltejs-froms 包供我自己使用？

How to modify sveltejs-froms package locally for my own use?

svelte