Code Splitting Modules

compiler-options.edn

{:closure-warnings {:non-standard-jsdoc :off}
 :optimizations    :none
 :source-map       true
 :pseudo-names     true
 :parallel-build   true
 :output-dir       "js/compiled"
 :asset-path       "js/compiled"
 :modules          {:core {:entries   #{re-demo.core}
                           :output-to "js/compiled/app.js"}
                    :data {:entries   #{re-demo.data}
                           :output-to "js/compiled/data.js"}}}

core.cljs

(ns re-demo.core
  (:require [cljs.loader :as loader]
            [reagent.core :as r]))

(def state
  (r/atom {:input "Hello, world!"}))

(defn input-handler
  [e]
  (.log js/console e)                   ; => {key1 val1, key2 val2, ...}
  (loader/load :data
    ;; Something is happening to react synthetic dom events here.
    (fn []
      (.log js/console e)               ; => {key1 nil, key2 nil, ...}
      ((resolve 're-demo.data/event->value) e))))

(defn root
  [app]
  [:input {:value (:input @app)
           :on-change input-handler}])

(defn init!
  []
  (r/render [root state]
    (.getElementById js/document "container")))

(loader/set-loaded! :core)

data.cljs

(ns re-demo.data
  (:require [cljs.loader :as loader]))

(defn event->value
  [e]
  (-> e .-target .-value))

(loader/set-loaded! :data)