¿Cómo podría importar un componente esbelto a un "objetivo" diferente al cuerpo?
https://github.com/sveltejs/template/blob/master/src/main.js
estoy probando lo siguiente:
import App from './App.svelte'; export default new App({ target: document.body.div});¿Cómo podría exportar múltiples componentes a diferentes objetivos?
import App1 from './App1.svelte'; import App2 from './App2.svelte'; export default new App1({ target: document.body.div1}); export default new App2({ target: document.body.div2});Puede usar exportaciones con nombre , como:
import App1 from './App1.svelte'; import App2 from './App2.svelte'; export const app1 = new App1({ target: document.getElementById("app1")}); export const app2 = new App2({ target: document.getElementById("app2")});Y en Tu html necesitas tener los siguientes elementos:
<div id="app1"></div> <div id="app2"></div>Puede exportar un objeto "const" en lugar de "predeterminado" a elementos html #ids con document.getElementById() o nombres de etiquetas de cuerpo con document.getElementsByTagName()
import App1 from './App1.svelte'; import App2 from './App2.svelte'; export const app1 = new App1({ target: document.getElementById("div1") }); export const app2 = new App2({ target: document.getElementById("div2") });