2025/09

1. cljsでjs呼び出す方法
2. JSXは直接読めない
3. おわりに

Shadow-cljs で JSXを使いたくて調べた結果。

cljsでjs呼び出す方法

(ns app.sample
  (:require ["/js/MyComponent" :refer (MyComponent)]   ;; (1)
            ["../js/MyComponent" :refer (MyComponent)] ;; (2)
            ["react" :as d]))                          ;; (3)

1. ルートから指定： "/aaa/bbb.js"
2. 相対パス指定： "../aaa/bbb.js"
3. npm installしたパッケージ： "package-name"

ルートはshadow-cljs.ednの:source-paths ["path"]から決まる。

JSXは直接読めない

ClojureScriptのデフォルトではJSXに対応しない。
JSXは、babelなどによってjsに変換されて使われている。

Shadow-cljs公式ガイドにやり方書いてある。

Shadow-cljsで使うなら、.jsxは:source-paths ["path"]と別の場所において、
babel path/to/.jsx --out-dir path/to/source-path --watch でビルドして、生成物のdirを:source-paths ["path"]に設定しよう。

babelでJSXを変換するには以下をインストール。

npm install --save-dev @babel/core @babel/cli
npm install --save-dev @babel/plugin-transform-react-jsx

おわりに

JSXを読めるようになったが、使いたかったモジュールは依存関係がうまくいかず、あきらめた。

Tags: ClojureScript

« Emacs の Cider から Shadow-cljs に接続して evalると 'No avaliable JS runtime.' がでる Emacs Lispで http request »