Zac Gaetano
3b89cf2d5f
Three bugs found during task 20 verify, all fixed: 1. Tailwind CLI does NOT read postcss.config.js. Switched Dockerfile to npx postcss + postcss-cli so the postcss plugin chain actually runs. 2. postcss-import was not installed but app.css uses @import for the primitive component files. Added postcss-import + cssnano (for prod minification under --env production). 3. @import statements must come BEFORE any other rules per CSS spec. app.css had @tailwind base/components ABOVE @import, so postcss-import silently skipped every component @import. Moved all @imports to the top, @tailwind directives below. Bundle went from 121KB with 0 wd-* classes to 138KB with 116 wd-* classes. Also added tailwind safelist for wd-/is-/nav-dev-badge so the wave-2 migration of HTML files cannot accidentally tree-shake primitives.
18 lines
536 B
JSON
18 lines
536 B
JSON
{
|
|
"name": "wild-dragon-web-ui-build",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"description": "Build-time-only deps for the Wild Dragon web-ui Tailwind/flyon-ui pipeline. Not shipped at runtime.",
|
|
"scripts": {
|
|
"build:css": "postcss ./src/css/app.css -o ./public/dist/app.css --env production"
|
|
},
|
|
"devDependencies": {
|
|
"tailwindcss": "^3.4.0",
|
|
"postcss": "^8.4.35",
|
|
"autoprefixer": "^10.4.17",
|
|
"flyonui": "^1.0.0",
|
|
"postcss-import": "^16.0.0",
|
|
"postcss-cli": "^11.0.0",
|
|
"cssnano": "^7.0.0"
|
|
}
|
|
}
|