refactor: module federation

Signed-off-by: Sebastian Krupinski <krupinski01@gmail.com>
This commit is contained in:
2026-02-22 16:51:29 -05:00
parent f75daba6f5
commit e0246202f6
12 changed files with 42 additions and 45 deletions

View File

@@ -1,6 +1,6 @@
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
// https://vite.dev/config/
export default defineConfig({
@@ -10,23 +10,13 @@ export default defineConfig({
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) return
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}`
)
chunk.code = chunk.code.replace(/__CSS_FILENAME_PLACEHOLDER__/g, `static/${cssFile}`)
console.log(`Injected CSS filename "static/${cssFile}" into ${fileName}`)
}
}
@@ -35,18 +25,17 @@ export default defineConfig({
],
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)),
'@': path.resolve(__dirname, './src'),
'@KTXC': path.resolve(__dirname, '../../core/src'),
'@filesManager': path.resolve(__dirname, '../files_manager/src'),
},
},
build: {
outDir: 'static',
emptyOutDir: true,
sourcemap: false,
sourcemap: true,
lib: {
entry: fileURLToPath(new URL('./src/main.ts', import.meta.url)),
name: 'Files',
entry: path.resolve(__dirname, 'src/main.ts'),
formats: ['es'],
fileName: () => 'module.mjs',
},
@@ -55,9 +44,17 @@ export default defineConfig({
'vue',
'vue-router',
'pinia',
'@KTXC',
/^@FilesManager\//,
],
output: {
// Use content hash for CSS files
paths: (id) => {
if (id === '@KTXC') return '/js/ktxc.mjs'
if (id.startsWith('@FilesManager/')) {
return '/modules/file_manager/static/module.mjs'
}
return id
},
assetFileNames: (assetInfo) => {
if (assetInfo.name?.endsWith('.css')) {
return 'files-[hash].css'