71 lines
2.0 KiB
TypeScript
71 lines
2.0 KiB
TypeScript
import { fileURLToPath, URL } from 'node:url'
|
|
import { defineConfig } from 'vite'
|
|
import vue from '@vitejs/plugin-vue'
|
|
|
|
// https://vite.dev/config/
|
|
export default defineConfig({
|
|
plugins: [
|
|
vue(),
|
|
{
|
|
name: 'inject-css-filename',
|
|
enforce: 'post',
|
|
generateBundle(_options, bundle) {
|
|
// Find the CSS file in the bundle
|
|
const cssFile = Object.keys(bundle).find(name => name.endsWith('.css'))
|
|
|
|
if (!cssFile) {
|
|
console.warn('No CSS file found in bundle')
|
|
return
|
|
}
|
|
|
|
// Find and update all JS chunks
|
|
// Prefix with static/ to match nginx location pattern: /modules/{handle}/static/{file}
|
|
for (const fileName of Object.keys(bundle)) {
|
|
const chunk = bundle[fileName]
|
|
if (chunk.type === 'chunk' && chunk.code.includes('__CSS_FILENAME_PLACEHOLDER__')) {
|
|
chunk.code = chunk.code.replace(
|
|
/__CSS_FILENAME_PLACEHOLDER__/g,
|
|
`static/${cssFile}`
|
|
)
|
|
console.log(`Injected CSS filename "static/${cssFile}" into ${fileName}`)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
],
|
|
resolve: {
|
|
alias: {
|
|
'@': fileURLToPath(new URL('./src', import.meta.url)),
|
|
'@KTXC': fileURLToPath(new URL('../../core/src', import.meta.url)),
|
|
'@FileManager': fileURLToPath(new URL('../file_manager/src', import.meta.url)),
|
|
},
|
|
},
|
|
build: {
|
|
outDir: 'static',
|
|
emptyOutDir: true,
|
|
sourcemap: false,
|
|
lib: {
|
|
entry: fileURLToPath(new URL('./src/main.ts', import.meta.url)),
|
|
name: 'Files',
|
|
formats: ['es'],
|
|
fileName: () => 'module.mjs',
|
|
},
|
|
rollupOptions: {
|
|
external: [
|
|
'vue',
|
|
'vue-router',
|
|
'pinia',
|
|
],
|
|
output: {
|
|
// Use content hash for CSS files
|
|
assetFileNames: (assetInfo) => {
|
|
if (assetInfo.name?.endsWith('.css')) {
|
|
return 'files-[hash].css'
|
|
}
|
|
return '[name]-[hash][extname]'
|
|
}
|
|
}
|
|
},
|
|
},
|
|
})
|