Как правильно подключать свои стили и скрипты в Electron?

Начал изучать electron и столкнулся с проблемой - никак не получалось подключить свои .css и .js файлы. Тогда решил разместить их в теги <style> и <script> соответственно и все начало работать.

Тут я и задался вопросом, как же все таки нужно подгружать скрипты и стили, ведь в интернете мы выносим их чтобы оптимизировать скорость загрузки сайта, а тут получается стили/скрипты уже загружены, того есть никакая оптимизация уже не нужна. Тогда как же правильно подключать свои скрипты и стили?

P.S. main.js и структура папок:

const {app, BrowserWindow} = require('electron')
  const path = require('path')
  const url = require('url')
  function createWindow () {
    win = new BrowserWindow({width: 600, height: 600})
    win.loadURL(url.format({
      pathname: path.join(__dirname, 'todo.html'),
      protocol: 'file:',
      slashes: true
    }))
  }
  app.on('ready', createWindow)

Папка assets содержит файлы которые я хотел подключать внешне, но пришлось изнутри (те она не используется)