Add import mode for direct importing in vite apps

package.json

@@ -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": {

vite.config.js

@@ -2,7 +2,8 @@ import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 
 // https://vitejs.dev/config/
-export default defineConfig({
+export default defineConfig(({mode}) => {
+    return {
         plugins: [
             vue({
                 template: {
@@ -16,6 +17,11 @@ export default defineConfig({
             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: {
@@ -25,4 +31,5 @@ export default defineConfig({
             port: 5174,
             host: '0.0.0.0',
         },
+    };
 });