📝 README Updated
This commit is contained in:
parent
afdb0e5436
commit
d08a603a48
83
README.md
83
README.md
@ -169,17 +169,25 @@ function isDev() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function createWindow() {
|
function createWindow() {
|
||||||
|
// declare variables which hold file location to preload.js file and application's icon.
|
||||||
|
let appIcon;
|
||||||
|
|
||||||
|
if(isDev()) {
|
||||||
|
appIcon = path.join(__dirname, 'public/favicon.png');
|
||||||
|
} else {
|
||||||
|
appIcon = path.join(__dirname, 'public/favicon.png');
|
||||||
|
}
|
||||||
|
|
||||||
// Create the browser window.
|
// Create the browser window.
|
||||||
mainWindow = new BrowserWindow({
|
mainWindow = new BrowserWindow({
|
||||||
width: 800,
|
width: 800,
|
||||||
height: 600,
|
height: 600,
|
||||||
webPreferences: {
|
webPreferences: {
|
||||||
nodeIntegration: true
|
nodeIntegration: true,
|
||||||
|
// enableRemoteModule: true,
|
||||||
|
// contextIsolation: false
|
||||||
},
|
},
|
||||||
// Use this in development mode.
|
icon: appIcon,
|
||||||
icon: isDev() ? path.join(process.cwd(), 'public/favicon.png') : path.join(__dirname, 'public/favicon.png'),
|
|
||||||
// Use this in production mode.
|
|
||||||
// icon: path.join(__dirname, 'public/favicon.png'),
|
|
||||||
show: false
|
show: false
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -285,6 +293,71 @@ $ yarn electron-dev # or npm run electron-dev
|
|||||||
$ yarn electron-pack # or npm run electron-pack
|
$ yarn electron-pack # or npm run electron-pack
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Steps to integrate preload.js script
|
||||||
|
|
||||||
|
#### 1) Create preload.js file
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Windows Users
|
||||||
|
$ fsutil file createnew preload.js 0
|
||||||
|
# notepad main.js
|
||||||
|
|
||||||
|
# Linux and macOS Users
|
||||||
|
$ touch preload.js
|
||||||
|
```
|
||||||
|
|
||||||
|
#### 2) Paste placeholder code in preload.js file
|
||||||
|
|
||||||
|
```js
|
||||||
|
console.log('Hello from preload.js file!');
|
||||||
|
```
|
||||||
|
|
||||||
|
#### 3) Update main.js file
|
||||||
|
|
||||||
|
```js
|
||||||
|
// declare variables which hold file location to preload.js file and application's icon.
|
||||||
|
let preloadJS, appIcon;
|
||||||
|
|
||||||
|
if(isDev()) {
|
||||||
|
preloadJS = path.join(__dirname, 'preload.js');
|
||||||
|
appIcon = path.join(__dirname, 'public/favicon.png');
|
||||||
|
} else {
|
||||||
|
preloadJS = path.join(process.cwd(), 'resources/preload.js')
|
||||||
|
appIcon = path.join(__dirname, 'public/favicon.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Create the browser window.
|
||||||
|
mainWindow = new BrowserWindow({
|
||||||
|
width: 800,
|
||||||
|
height: 600,
|
||||||
|
webPreferences: {
|
||||||
|
nodeIntegration: true,
|
||||||
|
preload: preloadJS,
|
||||||
|
// enableRemoteModule: true,
|
||||||
|
// contextIsolation: false
|
||||||
|
},
|
||||||
|
icon: appIcon,
|
||||||
|
show: false
|
||||||
|
});
|
||||||
|
```
|
||||||
|
|
||||||
|
#### 4) Update package.json file
|
||||||
|
|
||||||
|
```json
|
||||||
|
"build": {
|
||||||
|
"icon": "public/favicon.png",
|
||||||
|
"productName": "Svelte and Electron App",
|
||||||
|
"files": [
|
||||||
|
"public/**/*",
|
||||||
|
"main.js"
|
||||||
|
],
|
||||||
|
"extraResources": ["preload.js"],
|
||||||
|
"win": {},
|
||||||
|
"linux": {},
|
||||||
|
"mac": {}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
### 💯 Result
|
### 💯 Result
|
||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user