Weishen/Hydro
2
0 Fork 0
mirror of https://gitcode.com/gh_mirrors/hy/Hydro.git synced 2026-10-20 01:38:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

ui: fix lazy css

Browse Source
This commit is contained in:
undefined committed 2025-09-16 11:29:39 +08:00
1 parent 99f73b492b
commit 9099fa60f1
1 file changed
+10 -4
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui-default/backendlib/builder.ts
+10 -4
View File
@@ -85,6 +85,12 @@ const build = async (contents: string) => {
return res; return res;
}; };
const applyCss = (css: string) => `
const style = document.createElement('style');
style.textContent = ${JSON.stringify(css)};
document.head.appendChild(style);
`;
export async function buildUI() { export async function buildUI() {
const start = Date.now(); const start = Date.now();
let totalSize = 0; let totalSize = 0;
@@ -111,8 +117,10 @@ export async function buildUI() {
for (const m of lazyModules) { for (const m of lazyModules) {
const name = basename(m).split('.')[0]; const name = basename(m).split('.')[0];
const { outputFiles } = await build(`window.lazyModuleResolver['${name}'](require('${relative(tmp, m).replace(/\\/g, '\\\\')}'))`); const { outputFiles } = await build(`window.lazyModuleResolver['${name}'](require('${relative(tmp, m).replace(/\\/g, '\\\\')}'))`);
const css = outputFiles.filter((i) => i.path.endsWith('.css')).map((i) => i.text).join('\n');
for (const file of outputFiles) { for (const file of outputFiles) {
addFile(basename(m).replace(/\.[tj]sx?$/, '.js'), file.text); if (file.path.endsWith('.css')) continue;
addFile(basename(m).replace(/\.[tj]sx?$/, '.js'), (css ? applyCss(css) : '') + file.text);
} }
} }
for (const lang in global.Hydro.locales) { for (const lang in global.Hydro.locales) {
@@ -129,9 +137,7 @@ export async function buildUI() {
const pages = entry.outputFiles.filter((i) => i.path.endsWith('.js')).map((i) => i.text); const pages = entry.outputFiles.filter((i) => i.path.endsWith('.js')).map((i) => i.text);
const css = entry.outputFiles.filter((i) => i.path.endsWith('.css')).map((i) => i.text); const css = entry.outputFiles.filter((i) => i.path.endsWith('.css')).map((i) => i.text);
addFile('entry.js', `window._hydroLoad=()=>{ addFile('entry.js', `window._hydroLoad=()=>{
const style = document.createElement('style'); ${css.length ? applyCss(css.join('\n')) : ''}
style.textContent = ${JSON.stringify(css.join('\n'))};
document.head.appendChild(style);
${pages.join('\n')} ${pages.join('\n')}
};`); };`);
UiContextBase.constantVersion = hashes['entry.js']; UiContextBase.constantVersion = hashes['entry.js'];