inline css images and fonts

closes #786
observablehq · Feb 14, 2024 · bfc0468 · bfc0468
1 parent 4a75582
commit bfc0468
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/rollup.ts b/src/rollup.ts
@@ -22,9 +22,13 @@ function rewriteInputsNamespace(code: string) {
  return code.replace(/\b__ns__\b/g, "inputs-3a86ea");
 }
 
+const INLINE_CSS = Object.fromEntries(
+ ["svg", "png", "jpeg", "jpg", "gif", "eot", "otf", "woff", "woff2"].map((ext) => [`.${ext}`, "dataurl" as const])
+);
 export async function bundleStyles({path, theme}: {path?: string; theme?: string[]}): Promise<string> {
  const result = await build({
  bundle: true,
+ loader: INLINE_CSS,
  ...(path ? {entryPoints: [path]} : {stdin: {contents: renderTheme(theme!), loader: "css"}}),
  write: false,
  alias: STYLE_MODULES