[fix] Tailwind CSS building bug with Parcel (parcel-bundler/parcel#5961 (comment))

Author: TechQuery

package.json

@@ -12,14 +12,12 @@
         "url": "https://github.com/EasyWebApp/WebCell-mobile/issues"
     },
     "dependencies": {
-        "@tailwindcss/postcss": "^4.0.14",
         "browser-unhandled-rejection": "^1.0.2",
         "cell-router": "^3.0.3",
         "dom-renderer": "^2.6.2",
         "koajax": "^3.1.1",
         "mdui": "^2.1.3",
         "mobx": "^6.13.6",
-        "tailwindcss": "^4.0.14",
         "web-cell": "^3.0.4",
         "web-utility": "^4.4.3"
     },
@@ -33,8 +31,10 @@
         "@parcel/transformer-typescript-tsc": "~2.13.3",
         "@parcel/transformer-webmanifest": "~2.13.3",
         "@stylistic/eslint-plugin": "^4.2.0",
+        "@tailwindcss/postcss": "^4.0.14",
         "@types/eslint-config-prettier": "^6.11.3",
         "@types/node": "^22.13.10",
+        "cross-env": "^7.0.3",
         "eslint": "^9.22.0",
         "eslint-config-prettier": "^10.1.1",
         "eslint-plugin-react": "^7.37.4",
@@ -48,6 +48,7 @@
         "prettier": "^3.5.3",
         "prettier-plugin-css-order": "^2.1.2",
         "prettier-plugin-tailwindcss": "^0.6.11",
+        "tailwindcss": "^4.0.14",
         "typescript": "~5.8.2",
         "typescript-eslint": "^8.26.1",
         "workbox-cli": "^7.3.0"
@@ -71,7 +72,7 @@
         "test": "lint-staged",
         "clean": "rm -rf .parcel-cache/ dist/",
         "start": "npm run clean  &&  parcel src/index.html",
-        "pack": "parcel build src/index.html --public-url .",
+        "pack": "cross-env PARCEL_WORKER_BACKEND=process  parcel build src/index.html --public-url .",
         "build": "npm run clean  &&  npm run pack  &&  workbox generateSW"
     }
 }

pnpm-lock.yaml

@@ -31,7 +31,7 @@
             rel="stylesheet"
             href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
         />
-        <link rel="stylesheet" src="./index.css" />
+        <link rel="stylesheet" href="./index.css" />
         <script type="module" src="index.tsx"></script>
     </head>