Использование Svelte, Fable и Tauri

Я создаю приложение Tauri, которое использует Fable для компиляции F# в JS. И я тоже хочу использовать с ним Svelte. До сих пор я скомпилировал свой файл F# в .jsфайл. я создал .svelteфайл со следующим содержимым (с именем App.svelte)

      <script>
    import './App.fs.js'
</script>

<main>
    <p>{msg}</p>
</main>
<style></style>

Мой :

      <body>
    <script src="main.mjs"></script>
</body>

И мой :

      import App from './App.svelte';

const app = new App({
    target: document.body,
    props: {
        name: 'world'
    }
});

export default app;

Я запускаю программу с npm run build. Это компилирует мои файлы F#, и они становятся готовыми. я бегу npm run tauri build -- --debugчтобы скомпилировать все мое приложение Tauri и открыть его.

Я делаю это, и ничего не отображается на экране. Но когда я смотрю на консоль, она говорит main.mjsне могу импортировать.

Предположительно, мне нужно скомпилировать файлы Svelte. Но Svelte использует rollupи я думаю, что мне нужно использовать webpackдля совместимости с Fable или Tauri.

Все эти файлы находятся в project/src.

Мне нужно скомпилировать и использовать файл Svelte в index.html

Источник

1 ответ

Вы должны предоставить нам воспроизводимый пример, чтобы показать нам, как вы настроили свой проект и что вы пытались заставить его работать.

Здесь, в этом ответе, я даю вам рабочий пример для изучения, а не просто отвечаю на ваш вопрос, поскольку он упускает много деталей о вашей настройке.

В основном, чтобы npm run tauri buildваше приложение, вы захотите настроить свой проект, чтобы создать код Fable , затем код Svelte , а затем связать все с Tauri.

Кроме того, вам не обязательно использовать webpack. Роллап хороший.

подсказка: если вам по какой-то причине действительно нужен веб-пакет, просто запустите его перед сборкой, и вы найдете веб-пакет svelte-loader на github

Я опубликовал проект рабочего шаблона, чтобы ответить на ваш вопрос, который вы могли бы использовать/изучить, чтобы проверить, чего вам не хватает. Он был только что создан, следуя этому потоку:

  1. создать приложение Svelte yarn create svelte-app
  2. создать приложение Таури yarn create tauri-app
  3. создать приложение Fable
      dotnet new --install Fable.Template
dotnet new fable

Затем, после этого, нужно просто объединить / объединить все и добавить Tauri в приложение Svelte. Пожалуйста, проверьте проект, чтобы увидеть, как я его настроил

Если у вас есть более точный вопрос, пожалуйста, задайте другой вопрос.

Источник
Другие вопросы по тегам