Fable4 on Wails

Fable4が出てたので。

$ dotnet --version
7.0.100

$ go version
go version go1.20.3 windows/amd64

$ node -v
v19.9.0

今回はいきなりFelizでやってく。

$ dotnet new --install Feliz.Template

一応Wailsも。

$ go install github.com/wailsapp/wails/v2/cmd/wails@latest

前回同様まずはWailsアプリとして生成する。オプションは適当でテンプレートは無しで。

$ wails init -d hello -n hello -g -ide vscode
$ cd hello

生成されたフロントエンドを消してFelizで生成したものに置き換える。

$ cd frontend
$ rm -rf *
$ dotnet new feliz

Felizのテンプレは元々Viteでビルドするようになっているので前回より変更が少ない。

diff --git a/frontend/package.json b/frontend/package.json
index 7d6e90d..8748471 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,8 +1,9 @@
 {
   "private": true,
   "scripts": {
-    "start": "dotnet tool restore && dotnet fable watch src --runFast vite",
+    "dev": "dotnet tool restore && dotnet fable watch src --runFast vite",
     "build": "dotnet tool restore && dotnet fable src --run vite build",
+    "preview": "dotnet tool restore && dotnet fable src --run vite preview",
     "clean": "dotnet fable clean src --yes"
   },
   "dependencies": {

こんだけ。

$ npm install

楽～。

$ cd ..
$ wails dev