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", "dev": "vite",
"build": "vite build", "build": "vite build",
"build-dev": "vite build --sourcemap inline", "build-dev": "vite build --sourcemap inline",
"build-import": "vite build --mode=import",
"preview": "vite preview" "preview": "vite preview"
}, },
"dependencies": { "dependencies": {

View File

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