require () não definido na página HTML da Electron

No momento, não consigo carregar os módulos Electron nos arquivos Javascript fora do arquivo main.js.

Estou tentando usar:

const electron = require('electron');

const ipcRenderer = electron.ipcRenderer;

em um arquivo chamado settings.js.

Eu tenho os módulos NPM corretos instalados (pré-fabricados por eletrônicos).

A página de configurações é carregada em uma visualização da web da seguinte maneira:

<webview id="settings" src="./settings.html"></webview>

e o settings.js incluído como:

<script type='text/javascript' src='./resources/js/settings.js'></script>

Está ficando sem ideias aqui, mas me pergunto se é algum tipo de problema de escopo.

Muito Obrigado.

questionAnswers(1)

yourAnswerToTheQuestion