3d5342b314
- Added 'three' and its GLTFLoader to the optimizeDeps include array for improved module resolution. - Introduced custom Rollup options to prevent externalization of the 'three' library during the build process. - Configured CommonJS options to include 'three' and node_modules for better compatibility with dependencies.
67 lines
2.5 KiB
JavaScript
67 lines
2.5 KiB
JavaScript
import { defineConfig, loadEnv } from 'vite';
|
|
import vue from '@vitejs/plugin-vue';
|
|
import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill';
|
|
import { NodeModulesPolyfillPlugin } from '@esbuild-plugins/node-modules-polyfill';
|
|
import path from 'path';
|
|
|
|
export default defineConfig(({ mode }) => {
|
|
// Lade Umgebungsvariablen explizit
|
|
const env = loadEnv(mode, process.cwd(), '');
|
|
// Kombiniere mit process.env, um auch Shell-Umgebungsvariablen zu berücksichtigen
|
|
const combinedEnv = { ...env, ...process.env };
|
|
|
|
return {
|
|
plugins: [vue()],
|
|
define: {
|
|
// Explizit Produktionsumgebung setzen
|
|
__DEV__: false,
|
|
'import.meta.env.DEV': false,
|
|
'import.meta.env.PROD': true,
|
|
'import.meta.env.MODE': '"production"',
|
|
// Stelle sicher, dass Umgebungsvariablen aus .env.production oder Shell-Umgebung geladen werden
|
|
...(combinedEnv.VITE_DAEMON_SOCKET && {
|
|
'import.meta.env.VITE_DAEMON_SOCKET': JSON.stringify(combinedEnv.VITE_DAEMON_SOCKET)
|
|
}),
|
|
...(combinedEnv.VITE_API_BASE_URL && {
|
|
'import.meta.env.VITE_API_BASE_URL': JSON.stringify(combinedEnv.VITE_API_BASE_URL)
|
|
}),
|
|
...(combinedEnv.VITE_CHAT_WS_URL && {
|
|
'import.meta.env.VITE_CHAT_WS_URL': JSON.stringify(combinedEnv.VITE_CHAT_WS_URL)
|
|
}),
|
|
...(combinedEnv.VITE_SOCKET_IO_URL && {
|
|
'import.meta.env.VITE_SOCKET_IO_URL': JSON.stringify(combinedEnv.VITE_SOCKET_IO_URL)
|
|
})
|
|
},
|
|
optimizeDeps: {
|
|
include: ['three', 'three/examples/jsm/loaders/GLTFLoader.js'],
|
|
esbuildOptions: {
|
|
plugins: [
|
|
NodeGlobalsPolyfillPlugin({
|
|
buffer: true
|
|
}),
|
|
NodeModulesPolyfillPlugin()
|
|
]
|
|
}
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
'@': path.resolve(__dirname, './src'),
|
|
stream: 'stream-browserify',
|
|
util: 'util',
|
|
assert: 'assert',
|
|
}
|
|
},
|
|
build: {
|
|
rollupOptions: {
|
|
output: {
|
|
// Stelle sicher, dass three nicht externalisiert wird
|
|
manualChunks: undefined
|
|
}
|
|
},
|
|
commonjsOptions: {
|
|
include: [/three/, /node_modules/]
|
|
}
|
|
},
|
|
};
|
|
});
|