diff --git a/packages/bankai/lib/build.js b/packages/bankai/lib/build.js index e08ebf7..e0f42ef 100644 --- a/packages/bankai/lib/build.js +++ b/packages/bankai/lib/build.js @@ -32,6 +32,9 @@ export default async function buildApp ({ entry, outDir = 'dist', title = 'choo' appType: 'custom', plugins: [bankaiPlugin(entry, { css })], logLevel: 'warn', + // real-world stylesheets (tachyons et al) carry IE-era hacks like + // *zoom; strip them instead of refusing to build + css: { lightningcss: { errorRecovery: true } }, build: { outDir, emptyOutDir: true, diff --git a/packages/bankai/lib/dev.js b/packages/bankai/lib/dev.js index 470366c..5cf7b8c 100644 --- a/packages/bankai/lib/dev.js +++ b/packages/bankai/lib/dev.js @@ -16,6 +16,7 @@ export default async function dev ({ entry, port = 8080, title = 'choo' }) { appType: 'custom', server: { middlewareMode: true }, plugins: [bankaiPlugin(entry, { css })], + css: { lightningcss: { errorRecovery: true } }, logLevel: 'warn' }) diff --git a/packages/bankai/lib/serve.js b/packages/bankai/lib/serve.js index d84a88c..fefc6a8 100644 --- a/packages/bankai/lib/serve.js +++ b/packages/bankai/lib/serve.js @@ -31,8 +31,14 @@ const MIME = { '.map': 'application/json', '.txt': 'text/plain; charset=utf-8', '.woff2': 'font/woff2', + '.woff': 'font/woff', '.png': 'image/png', + '.jpg': 'image/jpeg', + '.jpeg': 'image/jpeg', + '.gif': 'image/gif', '.webp': 'image/webp', + '.avif': 'image/avif', + '.mp4': 'video/mp4', '.ico': 'image/x-icon' }