Electron React 开发环境 webpack 配置

在进行 Electron 应用程序开发的时候,我们通常会使用 Electron Forge 0 创建一个 Electron 应用模版, 然后基于创建的模版进行开发。

备注

这里我们使用 Electron Forge 0 创建 TypeScript + webpack 的模版. 然后整合进 React 2 框架 1

当我们使用默认的配置的时候(也就是 main 分支):

当我们使用 fast 分支的时候:

备注

这两个对比的效果不明显的原因是: 依赖较少,并且代码也不多。

在实际开发中,甚至可以把启动时间从数十秒降低为数秒。

主要 webpack 配置的更改参见:

详细代码参见: Github PR

示例代码源文件

Electron Remote Demo

参考资料

0(1,2)

Electron Forge

1

React with TypeScript

2

React