Supporting post for https://gist.github.com/sagittaros/afb78a1c3f96ea9cc7707ed2a04cf03c

package.json

{
  "name": "myapp",
  "version": "0.0.1",
  "private": true,
  "devDependencies": {
    "autoprefixer": "^10.3.1",
    "cross-env": "^7.0.3",
    "cssnano": "^5.0.7",
    "npm-run-all": "^4.1.5",
    "postcss": "^8.3.6",
    "postcss-cli": "^8.3.1",
    "tailwindcss": "^2.2.7"
  },
  "dependencies": {
    "create-react-class": "^15.7.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "shadow-cljs": "^2.15.2",
  },
  "scripts": {
    "shadow:watch": "shadow-cljs watch myapp-build",
    "shadow:release": "shadow-cljs release myapp-build",
    "postcss:watch": "cross-env TAILWIND_MODE=watch postcss -w resources/css/tailwind.css -o ./resources/public/css/main.css --verbose",
    "postcss:release": "cross-env NODE_ENV=production postcss resources/css/tailwind.css -o ./resources/public/css/main.css --verbose",
    "dev": "run-p -l *:watch",
    "release": "run-s *:release",
    "repl": "shadow-cljs cljs-repl myapp-build"
  }
}

postcss.config.js

module.exports = (ctx) => ({
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
    cssnano: ctx.env === 'production' ? {} : false,
  },
})

shadow-cljs.edn

{:nrepl {:port 8777}
 :jvm-opts ["-Xmx1G"]
 :source-paths ["src" "dev"]
 :dependencies
 [[reagent "1.1.0"]
  [re-frame "1.2.0"]]

 :dev-http {8080 "resources/public"}
 :builds
 {:myapp-build
  {:target :browser
   :output-dir "resources/public/js"
   :asset-path "/js" ;; path prefix given to generated assets

   :modules
   {:main
    {:init-fn myapp.core/init}}

   :devtools
   {:repl-pprints true}

   :dev
   {:compiler-options
    {:closure-defines
     {}}}}}}

tailwind.css

@tailwind base;
@tailwind components;
@tailwind utilities;

html {
  font-size: 18px;
}