ecmascript-6 - 如何在 svelte 中公开一个可以接受参数进行渲染的函数？

Question

我对 svelte 还是很陌生，对于我的用例，我想将 svelte 应用程序导出为bundle.js一个函数，假设startApp(positionInject, appConfiguration)它可以接受 2 个参数（positionInject是应用程序注入位置，例如：.app，appConfiguration是要启动的应用程序），基于这些参数 svelte app start 呈现。

我想知道，这在苗条中是可能的吗？

感谢任何帮助。

Answer 1

每个 Svelte 组件都接受一个target元素并props作为构造函数参数。您可以将构造包装在一个函数中：

import App from './App.svelte';

export function startApp(selector, props) {
  const target = document.querySelector(selector)

  return new App({
    target,
    props
  })
}

你可以这样称呼它：

import {startApp} from "./bundle.js"

startApp(".my-app", {config: ...})