Tailwind + Phoenix Setup

package.json

{
  "repository": {},
  "description": " ",
  "license": "MIT",
  "scripts": {
    "deploy": "webpack --mode production",
    "watch": "TAILWIND_MODE=watch NODE_ENV=development webpack --mode development --watch"
  },
  "dependencies": {
    "phoenix": "file:../deps/phoenix",
    "phoenix_html": "file:../deps/phoenix_html",
    "phoenix_live_view": "file:../deps/phoenix_live_view",
    "prosemirror-commands": "1.1.7",
    "prosemirror-dropcursor": "1.3.3",
    "prosemirror-gapcursor": "1.1.5",
    "prosemirror-history": "1.1.3",
    "prosemirror-inputrules": "1.1.3",
    "prosemirror-keymap": "1.1.4",
    "prosemirror-menu": "1.1.4",
    "prosemirror-schema-list": "1.1.4",
    "prosemirror-state": "1.3.4",
    "topbar": "^0.1.4"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
    "@babel/preset-env": "^7.0.0",
    "@tailwindcss/aspect-ratio": "0.2.0",
    "@tailwindcss/forms": "0.2.1",
    "@tailwindcss/typography": "0.4.0",
    "alpinejs": "2.8.2",
    "autoprefixer": "10.2.5",
    "babel-loader": "^8.0.0",
    "copy-webpack-plugin": "^5.1.1",
    "css-loader": "^3.4.2",
    "css-minimizer-webpack-plugin": "1.3.0",
    "mini-css-extract-plugin": "^0.9.0",
    "postcss": "8.2.8",
    "postcss-easy-import": "3.0.0",
    "postcss-hexrgba": "2.0.1",
    "postcss-loader": "5.2.0",
    "tailwindcss": "2.1.1",
    "terser-webpack-plugin": "^2.3.2",
    "webpack": "5.27.2",
    "webpack-cli": "4.5.0"
  }
}