如何使用webpack、electron和reactJs开发一款Windows桌面应用？

本文共计809个文字，预计阅读时间需要4分钟。

Electron是一款两年前备受关注的框架，本质上是一个浏览器，但集成了大量Windows系统功能。它允许前端开发直接操作Windows窗口体，实现实用的桌面软件。当然，听说Mac上也可以使用。

electron是一两年前挺火的一个框架

本质上是一个浏览器，但是集成了很多windows系统的功能，让前端开发也可以直接操作windows的窗体，做成一个实打实的桌面软件

（当然听说mac上也可以用electron，不过没试过）

（没错我还在用windows，不是mac也不是linux，我是个lowB）

团队主要的技术栈是react，所以考虑用react开发，方便维护。

PS.由于项目是大半年前做的，所以一些细节可能记忆有误请见谅

几个重点：

1.想要能调试必须使用webpack打包，不能用react那些常用的打包脚手架，因为webpack打包有target: "electron-main"

2.对于不使用electron模块的项目，electron可以直接跑任何网页；对于用到electron模块的项目，如果不设置target: "electron-main"，而直接用webpack打包（或者其他的打包工具），打包工具会直接默认把electron模块一起打包进去。