如何将 preload.js 脚本添加到 expo-electron 应用程序？

Question

我一直在开发一个 expo electron 应用程序，该应用程序使用 @expo/electron-adapter，以便相同的代码库可用于 android、ios 和桌面（mac、windows、linux）。 但是大多数文件都是自动生成的，我无法像普通的 electron 应用程序那样向其中添加 preload.js 脚本。 我已将 preload.js 文件放在electron/main文件夹中。 在创建 BrowserWindow 时将此webPreferences: { preload: path.join('preload.js') }选项传递给它。 但是 preload.js 根本没有加载。 任何帮助，将不胜感激。

Answer 1

我通过在electron-webpack.js中注册preload.js脚本解决了这个问题。 将preload.js脚本加载到 electron 应用程序。 这必须是electron-webpack.js的目录结构和内容。

目录结构：

electron 
└───main
│   └───index.js
│   └───preload.js
│   
electron-webpack.js

电子-webpack.js

const { withExpoAdapter } = require('@expo/electron-adapter');

module.exports = withExpoAdapter({
  projectRoot: __dirname,
  main: {
    extraEntries: ['@/preload.js'],
  },
});