كيفية إعداد إعادة التحميل الساخن على Electron

عند العمل على تطبيق Electron ، يكون من السهل جدًا إعداد إعادة التحميل السريع ، بحيث يتم تحديث التطبيق دون الحاجة إلى إعادة تشغيله.

يمكنك القيام بذلك باستخدام وحدة npmمعيد تحميل الإلكترون.

لنفترض أن لديك هذا النموذج لتطبيق Electron:

index.js

const { app, BrowserWindow } = require('electron')

function createWindow() { // Create the browser window. const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true, }, })

// and load the index.html of the app. win.loadFile(‘index.html’) }

app.whenReady().then(createWindow)

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>

تثبيتelectron-reloaderكتبعية تنموية:

npm install -D electron-reloader

Then add this line to the index.js file:

try {
  require('electron-reloader')(module)
} catch (_) {}

and that’s it! Now when you start the application using electron ., or npm start if you have

"start": "electron .",

in your package.json, any change you apply to the application files will be reflected in the application window.


More devtools tutorials: