Add import mode for direct importing in vite apps

This commit is contained in:
philipp lang 2026-05-05 02:45:25 +02:00
parent 3e234966b2
commit 010825124f
2 changed files with 30 additions and 22 deletions

View File

@ -7,6 +7,7 @@
"dev": "vite",
"build": "vite build",
"build-dev": "vite build --sourcemap inline",
"build-import": "vite build --mode=import",
"preview": "vite preview"
},
"dependencies": {

View File

@ -2,27 +2,34 @@ import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue({
template: {
compilerOptions: {
isCustomElement: (tag) => tag.includes('event-form') || tag.includes('event-index') || tag.includes('event-description'),
export default defineConfig(({mode}) => {
return {
plugins: [
vue({
template: {
compilerOptions: {
isCustomElement: (tag) => tag.includes('event-form') || tag.includes('event-index') || tag.includes('event-description'),
},
},
},
}),
],
build: {
manifest: 'manifest.json',
rollupOptions: {
input: 'src/main.js',
}
},
define: {
'process.env': process.env,
},
server: {
port: 5174,
host: '0.0.0.0',
},
}),
],
build: {
manifest: 'manifest.json',
rollupOptions: {
input: 'src/main.js',
output: {
entryFileNames: mode === 'import' ? `assets/[name].js` : `assets/[name]-[hash].js`,
chunkFileNames: mode === 'import' ? `assets/[name].js` : `assets/[name]-[hash].js`,
assetFileNames: mode === 'import' ? `assets/[name].[ext]` : `assets/[name]-[hash].[ext]`,
}
}
},
define: {
'process.env': process.env,
},
server: {
port: 5174,
host: '0.0.0.0',
},
};
});