vite.config.js

import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import {glob} from "glob";
import {resolve} from "path";
import eslint from "vite-plugin-eslint";

const inputs = glob.sync('./frontend/js/pages/**/*.js').reduce((acc, path) => {
    // vue/pages/Admin/Index becomes AdminIndex
    const entry = path.replace(/\.js$/g, '')
        .replace(/^frontend\/js\/pages\//g, '')
        .replace(/\//g, '');

    acc[entry] = resolve(__dirname, path)
    return acc
}, {});

inputs['Layout'] = resolve(__dirname, './frontend/js/layout.js');

console.log(inputs);

// https://vitejs.dev/config/
export default defineConfig({
    root: resolve(__dirname, './frontend/'),
    base: '/static/vite_dist',
    build: {
        rollupOptions: {
            input: inputs,
            output: {
                manualChunks: {
                    vue: ['vue'],
                    lodash: ['lodash'],
                    leaflet: ['leaflet'],
                    hlsjs: ['hls.js'],
                    zxcvbn: ['zxcvbn']
                },
                chunkFileNames: (assetInfo) => {
                    if (assetInfo.name) {
                        if (assetInfo.name === 'translations') {
                            const translationParts = assetInfo.facadeModuleId
                                .split('/');

                            const translationPath = translationParts[translationParts.length - 2];
                            return `translations-${translationPath}-[hash:8].js`
                        }

                        const assetName = assetInfo.name.replace(
                            '.vue_vue_type_style_index_0_lang',
                            ''
                        ).replace(
                            '.vue_vue_type_script_setup_true_lang',
                            ''
                        );

                        return `${assetName}-[hash:8].js`;
                    }

                    return '[name]-[hash:8].js';
                }
            }
        },
        manifest: true,
        emptyOutDir: true,
        chunkSizeWarningLimit: '1m',
        outDir: resolve(__dirname, './web/static/vite_dist')
    },
    css: {
        preprocessorOptions: {
            scss: {
                quietDeps: true,
                silenceDeprecations: ['legacy-js-api']
            }
        }
    },
    server: {
        strictPort: true,
        host: true,
        fs: {
            allow: [
                resolve(__dirname, './frontend/'),
                resolve(__dirname, './node_modules/'),
                resolve(__dirname, './translations/')
            ]
        }
    },
    resolve: {
        alias: {
            '!': resolve(__dirname, '.'),
            '~': resolve(__dirname, './frontend')
        },
        extensions: ['.mjs', '.js', '.mts', '.ts', '.jsx', '.tsx', '.json', '.vue']
    },
    plugins: [
        vue(),
        eslint({
            fix: true
        })
    ],
})