electron-vue学习(二)：打包配置

介绍

采用web前端技术封装打包，无论是pc端还是app端都是比较复杂的。打包过程可能出现很多预想不到的问题。所以，本次采用的是 electron-vue学习(一)：环境搭建 建成的样板项目进行打包练习。其目的是为了排除其他因素的干扰。

安装electron-builder

cnpm install electron-builder -G

相关配置

1、在这个网站https://npm.taobao.org/mirrors/electron/把electron相对应的版本先把要用的包下载过来；
2、在C:\Users\{账户名}\AppData\Local\electron\Cache下，将第一步下载的压缩包复制过来，并且新建一个txt文档命名为：SHASUMS256-{版本}.txt；

3、在第二步的Cache下，新建三个文件夹“nsis-3.0.1.13”、“nsis-resources-3.0.0”、“winCodeSign”；
4、下载下面的文件，复制其内容到上面三个文件夹中；
下载地址分别是：

https://codeload.github.com/electron-userland/electron-builder-binaries/zip/nsis-3.0.1.13

https://codeload.github.com/electron-userland/electron-builder-binaries/zip/nsis-resources-3.0.0

https://codeload.github.com/electron-userland/electron-builder-binaries/zip/winCodeSign-1.9.0

打包

项目路径下，执行打包命令:

npm run build 

看下面提示，说明打包成功

进去项目下的build下看看 多了2个文件，一个是win-unpacked文件夹，一个是.yaml后缀的文件。
1、win-unpacked里面就有已经打包好的文件这个是免安装绿色版的。
2、yaml就是记录打包信息的。

打包可能出现的问题

1.报错：Unresolved node modules: vue