Weishen/Hydro
2
0 Fork 0
mirror of https://gitcode.com/gh_mirrors/hy/Hydro.git synced 2026-10-19 09: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;
};
const applyCss = (css: string) => `
const style = document.createElement('style');
style.textContent = ${JSON.stringify(css)};
document.head.appendChild(style);
`;
export async function buildUI() {
const start = Date.now();
let totalSize = 0;
@@ -111,8 +117,10 @@ export async function buildUI() {
for (const m of lazyModules) {
const name = basename(m).split('.')[0];
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) {
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) {
@@ -129,9 +137,7 @@ export async function buildUI() {
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);
addFile('entry.js', `window._hydroLoad=()=>{
const style = document.createElement('style');
style.textContent = ${JSON.stringify(css.join('\n'))};
document.head.appendChild(style);
${css.length ? applyCss(css.join('\n')) : ''}
${pages.join('\n')}
};`);
UiContextBase.constantVersion = hashes['entry.js'];