Yp-electron-cli NPM

yp-electron-cli

一个react electron脚手架，支持自定义webpack配置，一键打包，苹果公证根目录

yarn add yp-electron-cli
npx yp-electron-cli start -w electron

项目骨架

.
├── README.md
├── bin   软链入口
│   └── yp-electron
├── dist
│   ├── chunks
│   ├── cli.js
│   ├── index.js
│   └── notarize.js
├── main.js   入口
├── package.json
├── src
│   ├── build   构建
│   ├── cli.ts
│   ├── config  配置
│   ├── index.ts
│   ├── logger  log
│   ├── notarize.ts   公证
│   ├── start 开发
│   └── utils
├── tsconfig.json

内置环境变量

PLATFORM 双进程使用区分是 web 还是 electron 环境
Main 进程 loadURL 时需要拿 process.env.RENDERER_PATH 判断是打包还是开发
如需自定义环境变量，需在配置文件中暴露的webpack配置

webpack 合并

//TODO

yp-electron.config.js

const defaultConfig = {
  /** electron产物输出目录 */
  ELECTRON_MAIN_OUTPUT: join(cwd, "/dist/electron"),
  /** pc产物输出目录 如果是打包electron 则目录在/dist/electron下 */
  ELECTRON_RENDERER_OUTPUT: join(cwd, "/dist/renderer"),
  /** Main进程的打包入口 */
  ELECTRON_MAIN_ENTRY: join(cwd, "src/main/main.ts"),
  /** Renderer进程的打包入口 */
  ELECTRON_RENDERER_ENTRY: join(cwd, "src/renderer/index.ts"),
  appId: "",
  /** 默认渲染进程端口 被占用则会自动分配 */
  PORT: "4003",
  /** 苹果开发者ID */
  APPLE_ID: "",
  /** 苹果开发者特殊密码 */
  APPLE_ID_PASSWORD: "",
  /** 苹果开发者团队code */
  APPLE_TEAM_CODE: "",
  /** 主进程other配置 */
  mainWebpack: {},
  /** renderer进程other配置 */
  renderWebpack: {},
};