This is a small write up about getting started quickly with Cordova and ClojureScript.
1. Install cordova as usual.
sudo npm install -g cordova
2. Create an app.
cordova create MyApp
3. Add platform.
cd MyApp
cordova platform add ios
Cordova app is all set. Now instead of JavaScript we want to use ClojureScript. This part can be treated as a separate project. Write ClojureScript, compile it to JavaScript, place it in the www folder of the cordova project and build the project as usual with appropriate overrides in the respective platform folders.
Install leiningen, Java 8, Clojure 1.8
1. Create a lein project. (We are inside MyApp folder).
lein new my-app
2. Update the project.clj
as shown below.
(defproject myapp "0.1.0"
:description "My CLJS App"
:url "https://example.com"
:plugins [[lein-cljsbuild "1.1.7"]]
:dependencies [[org.clojure/clojure "1.8.0"]
[org.clojure/clojurescript "1.9.521"]]
:cljsbuild {
:builds [{:id "core"
:source-paths ["src"]
:compiler {:output-to "../www/js/myapp.js"
:optimizations :whitespace
:pretty-print true}}]})
The source folder is the src
folder under my-app
directory. Now we are ready to write some code.
3. The main file inside src is com/example/myapp/core.cljs
(ns com.example.myapp.core)
(defn foo []
(println "Hello, World!")) ; Note we use println rather than console.log
(enable-console-print!) ; this translates the println to console.log
(set! js/foo foo) ; export the function declared in this module (namespace) to global
4. Compile the ClojureScript to JavaScript. This will watch for modifications and auto compile every time.
lein cljsbuild auto
5. Include the my-app.js
in the index.html
file and load it in the browser. Open console and type foo()
, which will print Hello, World!
to the console.
6. We can hot reload code using
lein trampoline cljsbuild repl-listen
Now we are in the right path to building apps with ClojureScript and Apache Cordova.