Estoy creando una aplicación Tauri que usa Fable para compilar F# a JS. Y también quiero usar Svelte con él. Hasta ahora, he compilado mi archivo F# en un archivo .js . Creé un archivo .svelte con los siguientes contenidos (llamado App.svelte )
<script> import './App.fs.js' </script> <main> <p>{msg}</p> </main> <style></style> Mi index.html :
<body> <script src="main.mjs"></script> </body> Y mi main.mjs :
import App from './App.svelte'; const app = new App({ target: document.body, props: { name: 'world' } }); export default app; Ejecuto el programa con npm run build . Esto compila mis archivos F# y quedan listos. npm run tauri build -- --debug para compilar toda mi aplicación Tauri y abrirla.
Hago esto y no aparece nada en la pantalla. Pero cuando miro la consola, dice que main.mjs no puede importar.
Supuestamente, necesito compilar los archivos de Svelte. Pero Svelte usa rollup y creo que necesito usar webpack para ser compatible con Fable o Tauri.
Todos estos archivos están en project/src .
Necesito compilar y usar un archivo Svelte en un index.html
💡 Debe darnos un ejemplo reproducible para mostrarnos cómo configuró su proyecto y qué ha intentado para que funcione.
👉 Le doy aquí en esta respuesta un ejemplo de trabajo para estudiar, más que responder a su pregunta, ya que se pierden muchos detalles sobre su configuración.
Básicamente, para que npm run tauri build su aplicación, querrá configurar su proyecto para construir el código Fable , luego el código Svelte y luego agrupar todo con Tauri .
Además, no está obligado a utilizar webpack. El resumen es bueno.
sugerencia: si realmente necesita webpack por algún motivo, simplemente ejecútelo antes de acumularlo y encontrará webpack svelte-loader en github
Publiqué un proyecto de plantilla de trabajo para responder a su pregunta que podría usar/estudiar para verificar lo que se está perdiendo. Se acaba de crear siguiendo este flujo:
yarn create svelte-appyarn create tauri-app dotnet new --install Fable.Template dotnet new fableLuego, después de eso, es solo cuestión de combinar / fusionar todo y agregar Tauri a la aplicación Svelte. Por favor revise el proyecto para ver cómo lo configuré
Si tiene una pregunta más precisa, por favor haga otra pregunta.