pwa: パスエイリアスを設定 Gleam の JS 出力は未だに完全ではなく、 `build/` ファイルにそのまま 必要そうなファイルと一緒に出力するしかない。その結果、他のファイルを import したり、特に `src/` 直下以外から import しようとするとパスが ズレて import できない、といった問題に溢れている。 そのため、現状ではエイリアスを使って絶対パスに解決させるのが一番安全で 安定しているといえる。

Changes

3 changed files (+13/-5)

• packages/pwa/src/protobuf.gleam
  • @@ -9,18 +9,18 @@ pub type Schema(a)
    pub type Binary - @external(javascript, "./protobuf.ffi.ts", "decode") + @external(javascript, "@/protobuf.ffi.ts", "decode") pub fn decode(binary: Binary, schema: Schema(a)) -> Message(a) - @external(javascript, "./protobuf.ffi.ts", "encode") + @external(javascript, "@/protobuf.ffi.ts", "encode") pub fn encode(payload: json.Json, schema: Schema(a)) -> Binary pub type ListRequest - @external(javascript, "./protobuf.ffi.ts", "ListRequest") + @external(javascript, "@/protobuf.ffi.ts", "ListRequest") pub fn list_request() -> Schema(ListRequest) pub type ListResponse - @external(javascript, "./protobuf.ffi.ts", "ListResponse") + @external(javascript, "@/protobuf.ffi.ts", "ListResponse") pub fn list_response() -> Schema(ListResponse)
• packages/pwa/tsconfig.json
  • @@ -13,7 +13,10 @@ "module": "ES2022",
    "moduleResolution": "Bundler", "noEmit": true, "lib": ["ES2020", "DOM"], - "target": "ES2020" + "target": "ES2020", + "paths": { + "@/*": ["./src/*"] + } }, "include": ["*.ts", "src/**/*.ts"] }
• packages/pwa/vite.config.ts
  • @@ -13,6 +13,11 @@ build: {
    emptyOutDir: true, outDir: "../dist", }, + resolve: { + alias: { + "@": new URL("./src", import.meta.url).pathname, + }, + }, plugins: [ gleam({ gleamToml: new URL("./gleam.toml", import.meta.url),