充分利用路径别名

.gitignore

@@ -1,5 +1,5 @@
 /target
-.vscode
+# .vscode
 .idea
 /packages
 **/.DS_Store

.vscode/settings.json

@@ -0,0 +1,7 @@
+{
+  "slint.libraryPaths": {
+    "ui": "ui\\",
+    "sui": "ui\\modules\\surrealism-ui\\",
+    "views": "ui\\views\\"
+  }
+}

build.rs

@@ -1,3 +1,10 @@
 fn main() {
-    slint_build::compile("ui/app.slint").unwrap();
+    let manifest_dir = std::path::PathBuf::from(std::env::var_os("CARGO_MANIFEST_DIR").unwrap());
+    let library_paths = std::collections::HashMap::from([
+        ("ui".into(), manifest_dir.join("ui")),
+        ("views".into(), manifest_dir.join("ui/views")),
+        ("sui".into(), manifest_dir.join("ui/modules/surrealism-ui")),
+    ]);
+    let config = slint_build::CompilerConfiguration::new().with_library_paths(library_paths);
+    slint_build::compile_with_config("ui/app.slint", config).unwrap();
 }

ui/app.slint

@@ -1,9 +1,9 @@
-import {MainView} from "./index.slint";
-import {ROOT_GLOBAL} from "./global.slint";
+import { MainView } from "@views/main.slint";
+import { ROOT_GLOBAL } from "@ui/global.slint";
 
 export component App inherits Window {
-  height: ROOT-GLOBAL.window-height;
-  width: ROOT-GLOBAL.window-width;
-  title: @tr("Slint + SurrealismUI + Rust");
-  MainView {}
-}
+    height: ROOT-GLOBAL.window-height;
+    width: ROOT-GLOBAL.window-width;
+    title: @tr("Slint + SurrealismUI + Rust");
+    MainView { }
+}

ui/global.slint

@@ -1,7 +1,7 @@
 //! global styles
 export global ROOT_GLOBAL {
-  in-out property <length> window-height : 600px;
-  in-out property <length> window-width : 800px;
-  in-out property <length> font-size : 16px;
-  in-out property <length> padding : 0px;
-}
+    in-out property <length> window-height: 600px;
+    in-out property <length> window-width: 800px;
+    in-out property <length> font-size: 16px;
+    in-out property <length> padding: 0px;
+}

ui/views/main.slint

@@ -1,16 +1,17 @@
-import {Hello} from "../components/index.slint";
-import { SButton } from "../modules/surrealism-ui/index.slint";
+import { Hello } from "@ui/components/index.slint";
+import { SButton } from "@sui/index.slint";
 
 export component MainView {
-  height: 100%;
-  width: 100%;
-  VerticalLayout {
-    Hello{}
-    Rectangle {
-      SButton {
-        theme:Dark;
-        text: "Click Me!";
-      }
+    height: 100%;
+    width: 100%;
+    VerticalLayout {
+        Hello { }
+
+        Rectangle {
+            SButton {
+                theme: Dark;
+                text: "Click Me!";
+            }
+        }
     }
-  }
-}
+}