AzuraCast/frontend/vite.config.js

86 lines
2.5 KiB
JavaScript

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('./src/js/pages/**/*.js').reduce((acc, path) => {
// vue/pages/Admin/Index becomes AdminIndex
const entry = path.replace(/\.js$/g, '')
.replace(/^src\/js\/pages\//g, '')
.replace(/\//g, '');
acc[entry] = resolve(__dirname, path)
return acc
}, {});
inputs['Layout'] = resolve(__dirname, './src/js/layout.js');
console.log(inputs);
// https://vitejs.dev/config/
export default defineConfig({
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')
},
server: {
strictPort: true,
host: true,
fs: {
allow: ['..']
}
},
resolve: {
alias: {
'!': resolve(__dirname),
'~': resolve(__dirname, './src')
},
extensions: ['.mjs', '.js', '.mts', '.ts', '.jsx', '.tsx', '.json', '.vue']
},
plugins: [
vue(),
eslint({
fix: true
})
],
})