# electron-react-webpack

**Repository Path**: faithsinan/electron-react-webpack

## Basic Information

- **Project Name**: electron-react-webpack
- **Description**: Project template for electron + react + webpack
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-30
- **Last Updated**: 2025-09-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: template

## README

## 打包注意事项

链接：https://juejin.cn/post/7277799192961925172

node_modules 下面是我们开发时所用的依赖包，这些都不需要打包进去。因此我们需要指定我们打包时所需要打包的文件夹，此时就需要用到 package.json 里面 build 配置中的 files 属性，我们只需要将 build 目录下的文件和 main 下面的文件打包即可。

打包时还需要使用 electron 的相关包文件，为了提高打包速度，我们一般会提前下载与我们 node_modules **相同版本**的.zip包，然后打包时使用 electronDist 指定打包用的文件目录，可以缩减打包时间。


打包步骤：
1. 下载 electron 开发依赖相同版本和同打包平台的软件包放到 desktop/electron/ 下（包如：[electron-v37.4.0-linux-x64.zip](https://registry.npmmirror.com/binary.html?path=electron/)）
2. 在项目根目录执行 build 命令打包 react 模块代码;
3. 在 desktop/ 目录下执行 electron 的 build 命令打包 react 模块构建产物和 electron 模块代码；

可能报错：
如果 desktop/electron 下未下载 electron 的 zip 包文件或者包的版本和electron依赖包版本不一致，在打包时会报错：
~~~
⨯ ENOENT: no such file or directory, rename '/home/lcx/project-dome/electron-react-webpack/desktop/dist/win-unpacked/electron.exe' -> '/home/lcx/project-dome/electron-react-webpack/desktop/dist/win-unpacked/Harbour.exe'  failedTask=build stackTrace=Error: ENOENT: no such file or directory, rename '/home/lcx/project-dome/electron-react-webpack/desktop/dist/win-unpacked/electron.exe' -> '/home/lcx/project-dome/electron-react-webpack/desktop/dist/win-unpacked/Harbour.exe'
~~~