237899745/vue-driven-cloud-storage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix: preserve workspace cascade in production build
Some checks failed
Build and tests / test (push) Has been cancelled
Details

Browse Source
This commit is contained in:
237899745
2026-08-03 22:47:15 +08:00
parent 8095b2391e
commit e809de892d
2 changed files with 49 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/scripts/copy-runtime-assets.js
View File

@@ -1,4 +1,12 @@
import { copyFileSync, existsSync, mkdirSync, readdirSync } from 'node:fs';
import { createHash } from 'node:crypto';
import {
copyFileSync,
existsSync,
mkdirSync,
readFileSync,
readdirSync,
writeFileSync
} from 'node:fs';
import path from 'node:path';
import { fileURLToPath } from 'node:url';
@@ -32,3 +40,26 @@ for (const entry of ['libs', 'favicon.ico']) {
}
}
}
// Vite hoists linked stylesheets into <head>, ahead of legacy inline styles in
// app.html. Re-emit the workspace layer after those styles so production and
// development use the same cascade order.
const workspaceSourcePath = path.join(frontendRoot, 'workspace.css');
const workspaceContents = readFileSync(workspaceSourcePath);
const workspaceHash = createHash('sha256').update(workspaceContents).digest('hex').slice(0, 12);
const workspaceFileName = `workspace-${workspaceHash}.css`;
copyFileSync(workspaceSourcePath, path.join(outputDirectory, workspaceFileName));
const builtAppPath = path.join(outputDirectory, 'app.html');
const builtAppHtml = readFileSync(builtAppPath, 'utf8');
const runtimeStylesheet = ` <link rel="stylesheet" href="/${workspaceFileName}" data-workspace-runtime>\n`;
const nextBuiltAppHtml = builtAppHtml.includes('data-workspace-runtime')
? builtAppHtml.replace(/\s*<link[^>]+data-workspace-runtime[^>]*>\s*/u, `\n${runtimeStylesheet}`)
: builtAppHtml.replace('</body>', `${runtimeStylesheet}</body>`);
if (!nextBuiltAppHtml.includes('data-workspace-runtime')) {
throw new Error('Unable to inject the runtime workspace stylesheet into dist/app.html');
}
writeFileSync(builtAppPath, nextBuiltAppHtml, 'utf8');
console.log(`Injected runtime workspace stylesheet: ${workspaceFileName}`);