How can I create another script in preload dir and attach in webview?

[kernelsoe]

Hello community 👋
I want to create a separate preload script say: webview.ts in preload directory. But the output is not building that so cannot load in a webview tag. How can I do that?

[alex8088]

https://electron-vite.org/guide/dev#multiple-windows-app

[kernelsoe]

@alex8088 Thanks for the answer!
I tried adding preload/webview.ts or preload/webview/index.ts with config

import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
import { svelte } from '@sveltejs/vite-plugin-svelte'
import { resolve } from 'path'

export default defineConfig({
  main: {
    plugins: [externalizeDepsPlugin()]
  },
  preload: {
    build: {
      rollupOptions: {
        input: {
          index: resolve(__dirname, 'src/preload/index.js'),
          webview: resolve(__dirname, 'src/preload/webview.js')
        }
      }
    },
    plugins: [externalizeDepsPlugin()]
  },
  renderer: {
    plugins: [svelte()]
  }
})

but the output folder is empty. Where am I missing?

[kernelsoe]

@alex8088 Sorry for beginner question 🙋 I got it running by correctly naming files in config like:

import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
import { svelte } from '@sveltejs/vite-plugin-svelte'
import { resolve } from 'path'

export default defineConfig({
  main: {
    plugins: [externalizeDepsPlugin()]
  },
  preload: {
    build: {
      rollupOptions: {
        input: {
          index: resolve(__dirname, 'src/preload/index.ts'),
          webview: resolve(__dirname, 'src/preload/webview.ts')
        }
      }
    },
    plugins: [externalizeDepsPlugin()]
  },
  renderer: {
    plugins: [svelte()]
  }
})

Thanks again!