dimovich/.dir-locals.el

## .dir-locals.el
((nil
  (cider-clojure-cli-global-options . "-A:cider")
  (cider-default-cljs-repl . figwheel-main)
  (cider-figwheel-main-default-options . ":dev")))


## core.cljs
;; src/cljs/myapp/core.cljs

(ns ^:figwheel-hooks myapp.core
  (:require [reagent.core :as r]))


(defn my-app []
  [:div "Hello World!"])


(defn ^:after-load reload []
  (r/render [my-app]
            (.getElementById js/document "app")))

(defn init! []
  (reload))

(init!)

## deps.edn
{:paths ["src/cljs"]

 :deps {org.clojure/clojure {:mvn/version "1.10.1"}
        org.clojure/clojurescript {:mvn/version "1.10.520"}
        reagent {:mvn/version "0.8.1"}}


 :aliases
 {:prod
  {:extra-paths ["resources"]
   :main-opts ["-m cljs.main -co prod.cljs.edn -c myapp.core"]}


  :cider
  {:extra-paths ["resources"]
   :extra-deps {com.bhauman/figwheel-main {:mvn/version "0.2.0"}
                com.bhauman/figwheel-core {:mvn/version "0.2.1-SNAPSHOT"}
                cider/piggieback {:mvn/version "0.4.0"}}}}}

## dev.cljs.edn
^{ ;;:css-dirs ["resources/public/css"]
  :watch-dirs ["src/cljs"]}

{:main myapp.core
 :output-to "resources/public/js/main.js"
 :output-dir "resources/public/js/out"
 :asset-path "js/out"
 :optimizations :none}

## HowTo
For Development -- in Emacs, open myapp.cljs and type [C-x js] to start Figwheel

To compile your CLJS for Production run:
clj -A:prod

## index.html
<html>
  <body>
    <div id="app"></div>
    <script src="js/main.js" type="text/javascript"></script>
  </body>
</html>

## prod.cljs.edn
{:main myapp.core
 :output-to "resources/public/js/main.js"
 :output-dir "resources/public/js/out"
 :asset-path "js/out"
 :optimizations :advanced}

## tree
.
├── .dir-locals.el
├── deps.edn
├── dev.cljs.edn
├── prod.cljs.edn
├── resources
│   └── public
│       └── index.html
└── src
    └── cljs
        └── myapp
            └── core.cljs
	((nil
	(cider-clojure-cli-global-options . "-A:cider")
	(cider-default-cljs-repl . figwheel-main)
	(cider-figwheel-main-default-options . ":dev")))
	;; src/cljs/myapp/core.cljs

	(ns ^:figwheel-hooks myapp.core
	(:require [reagent.core :as r]))


	(defn my-app []
	[:div "Hello World!"])


	(defn ^:after-load reload []
	(r/render [my-app]
	(.getElementById js/document "app")))

	(defn init! []
	(reload))

	(init!)
	{:paths ["src/cljs"]

	:deps {org.clojure/clojure {:mvn/version "1.10.1"}
	org.clojure/clojurescript {:mvn/version "1.10.520"}
	reagent {:mvn/version "0.8.1"}}


	:aliases
	{:prod
	{:extra-paths ["resources"]
	:main-opts ["-m cljs.main -co prod.cljs.edn -c myapp.core"]}


	:cider
	{:extra-paths ["resources"]
	:extra-deps {com.bhauman/figwheel-main {:mvn/version "0.2.0"}
	com.bhauman/figwheel-core {:mvn/version "0.2.1-SNAPSHOT"}
	cider/piggieback {:mvn/version "0.4.0"}}}}}
	^{ ;;:css-dirs ["resources/public/css"]
	:watch-dirs ["src/cljs"]}

	{:main myapp.core
	:output-to "resources/public/js/main.js"
	:output-dir "resources/public/js/out"
	:asset-path "js/out"
	:optimizations :none}
	For Development -- in Emacs, open myapp.cljs and type [C-x js] to start Figwheel

	To compile your CLJS for Production run:
	clj -A:prod
	<html>
	<body>
	<div id="app"></div>
	<script src="js/main.js" type="text/javascript"></script>
	</body>
	</html>
	.
	├── .dir-locals.el
	├── deps.edn
	├── dev.cljs.edn
	├── prod.cljs.edn
	├── resources
	│ └── public
	│ └── index.html
	└── src
	└── cljs
	└── myapp
	└── core.cljs