Webpack 创建苗条组件，我可以稍后从node_模块导入

我现在正在学习苗条，我有一件事我不能理解

我可以用一个扩展名为.svelte的文件创建一个组件，而loader将完成所有剩余的工作（例如，webpack的“svelte loader”）

但是，如果我想创建一个我（和任何人）将来都可以导入的组件，该怎么办？如果我将.svelte文件放在node_modules/mycomponent中，如果我不对其配置文件进行一些调整（我的意思是删除行“exclude:/node_modules/”），webpack将崩溃

是否有任何方法可以以不需要svelte loader的方式编写组件

---

谢谢。

我会查看现有的软件包。例如，如果您查看该文件，您可以看到以下字段：

"svelte": "src/index.html",
"module": "dist/index.mjs",
"main": "dist/index.js"

---

svelte应用程序将用于您的svelte项目。

您可以有多个库版本。例如，这些文件是。但是，如果您有svelte应用程序，最好将

排除

更改为

/node\u modules\/（？！我的svelte库）/

@Tholle感谢您的详细回答！不过，我想知道使用Svelte应用程序网页包模板的人是否会安装我的扩展（例如通过NPM安装），他或她是否有必要编辑网页配置？如果是这样，我能为使用我的扩展做些什么吗？更感谢您提供的示例，我稍后会尝试。非常感谢。我能够构建一个组件，但当我像这样创建它时：

let comp=new component({target:document.querySelector（'#special id'），props:{test:“test prop value”}}）

I get error:Uncaught error:'target'是必需的选项。我无法理解这个问题，因为我将target作为选项……如果您可以共享一些代码，回答起来会容易得多？