teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

electron-packageからelectron-buildへ変更。それに伴うファイル構成などの変更

2020/02/09 12:20

投稿

yuuyu
yuuyu

スコア1139

title CHANGED
File without changes
body CHANGED
@@ -2,23 +2,36 @@
2
2
 
3
3
  npm install electron-store --save-dev
4
4
  にて、electron-storeをダウンロードし、
5
- npx electron-packager src FirstApp --platform=darwin --arch=x64 --overwrite
5
+ node build-mac
6
6
  でパッケージ化させたのですが、
7
7
  requireでelectron-storeが読み込めないのです。
8
8
  どのようにすれば読み込めるようになるのでしょうか?
9
9
 
10
10
  ###ファイル構成
11
11
  ```main
12
+ ├build-mac.js
12
13
  ├node_modules
13
14
  ├package-lock.json
14
15
  ├package.json
15
- └src
16
- ├index.html
16
+ ├index.html
17
- main.js
17
+ main.js
18
- └package.json
19
18
  ```
20
19
  ###コード
20
+ main/build-mac.js
21
+ ```js
22
+ const builder = require('electron-builder');
23
+ const store = require('electron-store');
24
+
25
+ builder.build({
26
+ config: {
27
+ 'appId': 'com.exam.title', //例示用に書き換えています
28
+ 'mac':{
29
+ 'target': 'zip',
30
+ }
31
+ }
32
+ });
33
+ ```
21
- main/src/index.html
34
+ main/index.html
22
35
  ```html
23
36
  <html>
24
37
  <head>
@@ -47,7 +60,7 @@
47
60
  </body>
48
61
  </html>
49
62
  ```
50
- main/src/main.js
63
+ main/main.js
51
64
  ```js
52
65
  // アプリケーション作成用のモジュールを読み込み
53
66
  const {app, BrowserWindow} = require('electron');
@@ -95,11 +108,27 @@
95
108
  }
96
109
  });
97
110
  ```
98
- main/src/package.json
111
+ main/package.json
99
112
  ```json
100
113
  {
114
+ "name": "title",
115
+ "version": "1.0.0",
116
+ "description": "",
101
- "main": "main.js"
117
+ "main": "main.js",
118
+ "scripts": {
119
+ "test": "echo \"Error: no test specified\" && exit 1"
120
+ },
121
+ "keywords": [],
122
+ "author": "",
123
+ "license": "ISC",
124
+ "devDependencies": {
125
+ "electron": "^8.0.0",
126
+ "electron-builder": "^22.3.2",
127
+ "electron-store": "^5.1.0"
128
+ },
129
+ "dependencies": {}
102
130
  }
131
+
103
132
  ```
104
133
  基本的にチュートリアルほぼそのままです。
105
134
  index.htmlの//エラーはここ