seb/reactShop
1
0
Fork 0
Code Issues Pull Requests Activity

feat: update global CSS handling in prerender to differentiate between production and development environments, ensuring proper font path management

Browse Source
This commit is contained in:
sebseb7
2025-07-20 15:47:58 +02:00
parent 5202ff6e3e
commit 0a787f9d25
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
prerender/config.cjs
View File

@@ -50,10 +50,18 @@ const getWebpackEntrypoints = () => {
return entrypoints; return entrypoints;
}; };
// Read global CSS styles and fix font paths for prerender // Read global CSS styles - use webpack processed CSS in production, raw CSS in development
let globalCss = fs.readFileSync(path.resolve(__dirname, '..', 'src', 'index.css'), 'utf8'); let globalCss = '';
// Fix relative font paths for prerendered HTML (remove ../public to make them relative to public root) if (isProduction) {
globalCss = globalCss.replace(/url\('\.\.\/public/g, "url('"); // In production, webpack has already processed fonts and inlined CSS
// Don't read raw src/index.css as it has unprocessed font paths
globalCss = ''; // CSS will be handled by webpack's inlined CSS
} else {
// In development, read raw CSS and fix font paths for prerender
globalCss = fs.readFileSync(path.resolve(__dirname, '..', 'src', 'index.css'), 'utf8');
// Fix relative font paths for prerendered HTML (remove ../public to make them relative to public root)
globalCss = globalCss.replace(/url\('\.\.\/public/g, "url('");
}
// Global CSS collection // Global CSS collection
const globalCssCollection = new Set(); const globalCssCollection = new Set();