electron-lab

Electron Lab

Electron 的研发脚手架，包含开发、构建脚本和对应的运行时 API。

$ npm install electron-lab --save

使用命令行脚本

使用 NPX

$ npx el start
$ npx el build

使用 packages.json

{
  "scripts": {
    "start": "el start",
    "build": "el build"
  }
}

参数

start

参数	含义	默认值	示例
--inspect	主进程 debug 的 inspect 端口		$ el start --inspect=3999
--port	渲染进程 dev server 端口		$ el start --port=4001

build

参数	含义	默认值	示例
--output	打包输出路径	./dist	$ el build --output=./some-dir

额外的脚手架配置

主进程和渲染进程都使用 webpack 打包，app 使用 electron-builder 打包，可以根据自己的需要增加额外一些配置。存放路径都在项目的根目录。

默认配置可以查看 node_modules/electron-lab/config

说明	路径
主进程额外配置	main.webpack.config.js
渲染进程额外配置	renderer.webpack.config.js
builder 配置	electron-builder.config.js

使用运行时 API

import el from 'electron-lab';

el.getEntry(entry?:string): string

参数	说明	默认值
entry	入口名称	"index"

el.openSubWindow(options:BrowserWindowConstructorOptions & { entry: string }): BrowserWindow

参数	说明	默认值
options	启动子窗口的参数	-