fix: use inlining based on filename

This commit is contained in:
Bart van der Braak 2024-01-21 23:36:47 +01:00
parent ecc83f4a4f
commit aa8fb480d0
3 changed files with 6 additions and 40 deletions

View file

@ -4,12 +4,7 @@ import { defineConfig } from 'vite';
import fs from 'fs';
export default defineConfig({
plugins: [enhancedImages(), sveltekit(), rawFonts(['.woff']), base64()],
server: {
fs: {
allow: ['./']
}
},
plugins: [base64(['.jpg']), enhancedImages(), rawFonts(['.woff']), sveltekit()],
define: {
'import.meta.env.VERCEL_URL': JSON.stringify(process.env.VERCEL_URL)
}
@ -27,18 +22,14 @@ function rawFonts(ext: string[]) {
};
}
function base64() {
function base64(ext: string[]) {
return {
name: 'vite-plugin-base64-loader',
transform(_code: string, id: string) {
const [path, query] = id.split('?');
if (query !== 'base64') {
return null;
if (id.includes('inline') && ext.some((e) => id.endsWith(e))) {
const base64 = fs.readFileSync(id, { encoding: 'base64' });
return { code: `export default ${JSON.stringify(base64)}`, map: null };
}
const base64 = fs.readFileSync(path, { encoding: 'base64' });
return { code: `export default ${JSON.stringify(base64)}`, map: null };
}
};
}