Vite Stack Overflow Answers

Selected technical solutions from my Stack Overflow history. These cover bundling, library mode, plugins, and how Vite resolves modules — not a vote leaderboard.

output: {
    entryFileNames: chunk => {
        if (chunk.facadeModuleId.endsWith('src/index.js')) {
            return 'libname.js';
        }
        if (chunk.facadeModuleId.includes('/module')) {
            const dir = path.dirname(chunk.facadeModuleId);
            return 'module/' + path.basename(dir) + '.js';
        }
    }
}

const input = process.argv[4]?.split('=')?.[1];
if (input) {
    // build only this input with inlineDynamicImports: true
}

export default defineConfig({
    build: {
        minify: false,
        rollupOptions: { treeshake: false }
    }
});

{
    "name": "myButton",
    "component": () => import("./components/debug/myButton/myButton.js"),
    "enabled": true
}

Invalid value "umd" for option "output.format" -
UMD and IIFE output formats are not supported for code-splitting builds

build: {
    rollupOptions: {
        input: ['index.html', 'about.html']
    }
}

output: {
    inlineDynamicImports: true
}

load(id) {
    if (id.endsWith('.vue')) {
        return fs.readFileSync(id).toString().replace(
            /inject-css:\s*"([^"]+)";/g,
            (_, pattern) => globSync(pattern, { absolute: true })
                .map(file => fs.readFileSync(file)).join(';')
        );
    }
}

build: {
    rollupOptions: {
        output: { entryFileNames: 'index.js' }
    }
}

closeBundle: () => {
    const path = './dist/.vite/manifest.json';
    const manifest = JSON.parse(fs.readFileSync(path).toString());
    manifest['index.html'].customProp = true;
    fs.writeFileSync(path, JSON.stringify(manifest, null, 2));
}

load(id) {
    if (!id.endsWith('.vue')) return;
    const src = fs.readFileSync(id);
    return src.replace('getScssVariables()', '{ /* extracted vars */ }');
}

build: {
    target: 'es6'
}

find -maxdepth 1 -name 'vite*.config.*js' | xargs -P0 -n1 npx vite build -c

npx vite build --watch --minify=false &
npx vite preview

{
    resolveId(id) {
        if (id.endsWith('.vue')) {
            return './src/components/Placeholder.vue';
        }
    }
}

export default function (pluginOptions = {}) {
    return {
        name: 'test-vite-plugin',
        async transform(code, id) {
            // transform here; order depends on plugin inject flags
        }
    };
}

images: globalThis._importMeta_.glob('/src/assets/images/*/*Logo.svg', {
    as: 'url',
    eager: true
})

const files = globalThis._importMeta_.glob('./content/**/*.json', {
    eager: true,
    import: 'title'
});

npx vite build --minify=false

resolveId(id) {
    if (id.endsWith('.vue')) {
        return 'MissingPlaceholder.vue?id=' + id;
    }
}