Почему разница между папками 'main' и 'renderer' 'electronic-webpack'

Question

Я не понимаю, как конкретно используется папка / renderer, и чем она отличается от / main.

Официальные документы электронного веб-пакета предлагают использовать папку 'renderer' для компиляции проекта (с конфигурацией по умолчанию для electron-webpack dev).

Answer 1

Электрон имеет два процесса

Основной процесс: это файл JS, который запускается при открытии приложения. Здесь вы создаете свое окно и указываете на него (обычно) файл HTML. Этот HTML-файл работает точно так же, как в Chrome. За исключением того, что вы можете включить библиотеки nodejs. HTML-файл, который вы открываете, запускается под Процесс рендеринга

Таким образом, у вас всегда два запущенных файла JavaScript. Main , который взаимодействует с ОС, и Render , куда больше всего кода, и работает гораздо больше как браузер

Например, если вы сделали Console.Log в основном процессе. Это не будет отображаться в веб-консоли Chrome. Однако, если бы вы сделали это в процессе Render, это было бы