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,7 +2,8 @@ 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}) => {
return {
plugins: [ plugins: [
vue({ vue({
template: { template: {
@ -16,6 +17,11 @@ export default defineConfig({
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`,
assetFileNames: mode === 'import' ? `assets/[name].[ext]` : `assets/[name]-[hash].[ext]`,
}
} }
}, },
define: { define: {
@ -25,4 +31,5 @@ export default defineConfig({
port: 5174, port: 5174,
host: '0.0.0.0', host: '0.0.0.0',
}, },
};
}); });