[Help] how to include additional files in dist?

[jinusean]

I have a script that is forked in the main process, how can I include this in the dist build?

[caoxiemeihao]

【vite-plugin-static-copy - npm】https://www.npmjs.com/package/vite-plugin-static-copy

[jinusean]

Sorry it is a typescript file not a static file.

[caoxiemeihao]

You may need additional build typescript files.
This is not the default feature.

[hafiidz]

I'm also looking into doing something similar, but with a python (during dev) and exe for (during build, via pyinstaller). I have attempted to use the linked (https://www.npmjs.com/package/vite-plugin-static-copy) but couldn't get it to work on Windows. File detected but doesn't seems to be copied over from root/py to /dist/py

[hafiidz]

How can we use files, extraresources or extraFiles ya? I'm really new to electron, sorry for newbie questions

[hafiidz]

Sharing my setup here, which unfortunately is not working. I am working on Windows.

@jinusean , sorry for cluttering your issues/help wanted, wanted to avoid duplication of issues raised. Do let me know if I need to move this elsewhere.

[caoxiemeihao]

May be electron-builder Application Contents useful.

[hafiidz]

I found out what I did wrong. For those who is here looking for something similar functionality:

1. Just copy whatever folder that you wanted in the public folder, it would be copied over automatically during vite build
2. Similarly, the https://www.npmjs.com/package/vite-plugin-static-copy also works, just make sure you are running vite build first.
3. During npm run dev, you just need to check whether build or public via process.env.PUBLIC = app.isPackaged ? process.env.DIST : join(process.env.DIST, "../public");, and handle it accordingly.

Thanks @caoxiemeihao for the helps!

[jinusean]

@hafiidz thank you!

[caoxiemeihao]

Now, a new plugin is available 👉 vite-electron-plugin

  ├─┬ dist-electron // Automatically generated from the electron directory
  │ └── main.js
  │
  ├── static        // static files here
  │
  ├─┬ electron      // The Electron source codes directory 
  │ └── main.ts
  │
  ├─┬ src
  │ ├── main.ts
  │ ├── style.css
  │ └── vite-env.d.ts
  │
  ├── index.html
  ├── package.json
  ├── tsconfig.json
  └── vite.config.ts