electron-quick-start改造目录结构并打包

本文转载自:https://newsn.net/

苏南大叔带着大家练习的electron-quick-start项目,在本篇文章中,苏南大叔将要对这个项目进行一下目录调整,使之看起来代码结构更清晰一些。

electron-quick-start 项目,如何改造目录结构并打包

当然,为了证明electron-quick-start项目经过目录调整之后,还能继续使用,苏南大叔进行了打包实验。这就是本篇文章的主要内容,比较基础,大神们请飘过。

调整前后目录对比

代码下载:

调整前:

electron-quick-start 项目,如何改造目录结构并打包

改造后:

electron-quick-start 项目,如何改造目录结构并打包

electron-quick-start 项目,如何改造目录结构并打包

主要的调整点,就是:

electron-quick-start 项目,如何改造目录结构并打包

测试是否可以正常使用

使用yarn安装依赖项目后,在项目根目录下面,利用electron-packager进行打包。命令如下:

electron-packager ./ app --out=dist

然后,在win10环境下,我们得到了个exe,成功顺利可以打开。

electron-quick-start 项目,如何改造目录结构并打包

electron-quick-start 项目,如何改造目录结构并打包

可能存在的问题

当然,如果苏南大叔在根目录下面使用的命令是这样的话:

electron-packager ./app --out=dist

那么也许会得到下面这个错误提示:

unable to find a vaild app

electron-quick-start 项目,如何改造目录结构并打包

两次打包命令,看起来基本一致。但是到底有什么区别,聪明的读者,你看出来了么?这个问题,很多新人会遇到哦,请仔细查看相关命令行区别。

结语

electron-packager执行的位置下,需要有个正确的package.json,该jsonmain字段,需要修正为真实的路径。

以上是 electron-quick-start改造目录结构并打包 的全部内容, 来源链接: utcz.com/a/119541.html

回到顶部