communication declare

src/preload/communication.ts

@@ -1,8 +1,9 @@
 /**
  * Renderer and Main bridge
- * @refresh https://newbedev.com/how-to-use-preload-js-properly-in-electron
  */
- import { contextBridge, ipcRenderer } from 'electron'
+import fs from 'fs'
+import { contextBridge, ipcRenderer } from 'electron'
 
- contextBridge.exposeInMainWorld('ipcRenderer', ipcRenderer)
- 
+contextBridge.exposeInMainWorld('fs', fs)
+
+contextBridge.exposeInMainWorld('ipcRenderer', ipcRenderer)

src/render/main.ts

@@ -3,5 +3,8 @@ import App from './App.vue'
 import './index.css'
 
 createApp(App)
-  .mount('#app')
-  .$nextTick(window.removeLoading)
+.mount('#app')
+.$nextTick(window.removeLoading)
+
+console.log('fs', window.fs)
+console.log('ipcRenderer', window.ipcRenderer)

typings/global.d.ts

@@ -9,4 +9,8 @@ declare namespace NodeJS {
 interface Window {
   /** 关闭预加载动画 */
   removeLoading: () => void
+  /** NodeJs fs */
+  fs: typeof import('fs')
+  /** Electron ipcRenderer */
+  ipcRenderer: import('electron').IpcRenderer
 }