thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-10-27 07:52:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix broken Tailwind CSS in dist build by bundling imports

Browse Source 
- Switched from `tailwindcss` CLI to `postcss-cli` in `build:css` script to robustly handle PostCSS plugins.
- Installed `postcss-import` and `postcss-cli` as dev dependencies.
- Updated `postcss.config.cjs` to include `postcss-import` before `tailwindcss`.
- Removed `--minify` from `build:css` command as `cssnano` was stripping critical CSS variables from `tokens.css`.
- This ensures `tokens.css` is correctly inlined into `tailwind.generated.css`, fixing undefined variables that caused broken styles in the distribution build.

Co-authored-by: PR0M3TH3AN <[email protected]>
This commit is contained in:
google-labs-jules[bot]andPR0M3TH3AN committed 2026-02-10 21:31:20 +00:00
1 parent dea1a2aedf
commit bf49ed7e3f
3 files changed
+1249 -1
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

package-lock.json
Generated
+1244
View File
File diff suppressed because it is too large. Load diff
package.json
+4 -1
View File
@@ -10,7 +10,7 @@
"start": "npm run build && npx serve dist", "start": "npm run build && npx serve dist",
"serve": "npx serve", "serve": "npx serve",
"build": "node scripts/build-dist.mjs", "build": "node scripts/build-dist.mjs",
"build:css": "tailwindcss -c tailwind.config.cjs -i css/tailwind.source.css -o css/tailwind.generated.css --minify", "build:css": "postcss css/tailwind.source.css -o css/tailwind.generated.css",
"build:beacon:bundle": "node scripts/build-beacon.mjs", "build:beacon:bundle": "node scripts/build-beacon.mjs",
"build:beacon": "npm run build:beacon:bundle && npm run lint:inline-styles", "build:beacon": "npm run build:beacon:bundle && npm run lint:inline-styles",
"ci:beacon": "npm run build:beacon", "ci:beacon": "npm run build:beacon",
@@ -48,12 +48,15 @@
}, },
"devDependencies": { "devDependencies": {
"@playwright/test": "^1.58.2", "@playwright/test": "^1.58.2",
"cssnano": "^7.1.2",
"fake-indexeddb": "^6.2.5", "fake-indexeddb": "^6.2.5",
"jsdom": "^28.0.0", "jsdom": "^28.0.0",
"nostr-wasm": "^0.1.0", "nostr-wasm": "^0.1.0",
"pixelmatch": "^5.3.0", "pixelmatch": "^5.3.0",
"playwright": "^1.58.2", "playwright": "^1.58.2",
"pngjs": "^7.0.0", "pngjs": "^7.0.0",
"postcss-cli": "^11.0.1",
"postcss-import": "^15.1.0",
"prettier": "^3.8.1", "prettier": "^3.8.1",
"prettier-plugin-tailwindcss": "^0.6.5", "prettier-plugin-tailwindcss": "^0.6.5",
"serve": "^14.2.5", "serve": "^14.2.5",
postcss.config.cjs
+1
View File
@@ -1,5 +1,6 @@
module.exports = { module.exports = {
plugins: { plugins: {
'postcss-import': {},
tailwindcss: {}, tailwindcss: {},
autoprefixer: {}, autoprefixer: {},
}, },