electron-reload 技术文档-CSDN博客

本文链接：https://blog.csdn.net/gitblog_01271/article/details/143043468

electron-reload 技术文档

electron-reload Simplest (:pray:) way to reload an electron app on file changes! 项目地址: https://gitcode.com/gh_mirrors/el/electron-reload

安装指南

通过npm轻松安装electron-reload模块：

npm install electron-reload --save

这会将electron-reload添加到您的项目依赖中，并准备在Electron应用中使用。

项目使用说明

使用electron-reload来确保当源代码文件发生变化时，所有活动的BrowserWindow内的内容自动刷新。以下是如何将其集成到您Electron应用的基本步骤：

// 引入必需的Electron模块
const { app, BrowserWindow } = require('electron');
// 引入electron-reload模块
const electronReload = require('electron-reload');

app.on('ready', () => {
    // 创建主窗口
    let mainWindow = new BrowserWindow({ width: 800, height: 600 });
    
    // 加载您的应用界面
    mainWindow.loadUrl(`file://${__dirname}/index.html`);

    // 初始化electron-reload，监视指定目录或文件变化
    electronReload(__dirname);
    // 如果需要硬重置（启动新的Electron进程），可以这样配置
    // electronReload(__dirname, {
    //     electron: path.join(__dirname, 'node_modules', '.bin', 'electron')
    // });
});

项目API使用文档

`electron_reload(paths, options)`

paths: 监视的文件、目录或glob模式。
options (可选):
- 接受来自chokidar的所有选项。
- electron: 指向Electron可执行文件的路径，仅在进行硬重置时使用。
- electronArgv 和 appArgv: 分别为Electron可执行文件和应用传递命令行参数，仅在硬重置时使用。
- forceHardReset: 是否对每一次文件变更都执行硬重置，默认仅对主要文件变更执行。

默认配置忽略node_modules和当前目录，并且不传递额外参数给Electron。