如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接信息。

苏南大叔带着大家练习的electron-quick-start项目,在本篇文章中,我们将要对这个项目进行一下目录调整,使之看起来代码结构更清晰一些。当然,为了证明我们的项目调整之后,还能继续使用。我们进行了打包实验。这个就是本篇文章的主要内容,比较基础,大神们请飘过。

调整前后目录对比

调整前:

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

electron-quick-start项目目录结构改造并打包(图7-1)

改造后:

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

electron-quick-start项目目录结构改造并打包(图7-2)

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

electron-quick-start项目目录结构改造并打包(图7-3)

主要的调整,就是删除了根目录下面的md文件,和.gitignore文件。然后,main.js,renderer.js,index.html三个放到了app目录下面,node_modules文件夹放置各种类库,而dist目录,用于放置打包的作品。

另外,由于main.js 移动了位置,我们需要修改package.json里面的main字段的值为:app/main.js

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

electron-quick-start项目目录结构改造并打包(图7-4)

测试是否可以正常使用。

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

electron-packager ./ app --out=dist

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

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

electron-quick-start项目目录结构改造并打包(图7-5)

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

electron-quick-start项目目录结构改造并打包(图7-6)

当然,如果,我们在根目录下面使用的命令是这样的话,那么你也许会得到一个错误的提示。“unable to find a vaild app”。

electron-packager ./app --out=dist

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

electron-quick-start项目目录结构改造并打包(图7-7)

两次打包命令,看起来基本一致。但是到底有什么区别,聪明的读者,你看出来了么?

结语

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

更多electron的精彩经验,请点击苏南大叔的electron相关文章:https://newsn.net/tag/electron/

  【electron】秘籍文章入口,仅传授于有缘之人  electron

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

打赏领取小礼物

打赏任意金额,发送截图到邮箱 shang@newsn.net ,可以领取精选回馈如下(任选其一):
  • 《前端视频教程大礼包》一套
  • 《wordpress精选皮肤》一套
  • 《dedecms织梦精选模板》一套
感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!

岁月静好

关注互联网发展,关注苏南大叔的《程序如此灵动~》博客
本文章来自:程序如此灵动~
博客地址为:https://newsn.net/
原文地址为:https://newsn.net/say/electron-quick-start-modify.html
上一篇好文:如何保证electron只启动一个实例
下一篇好文:java8报错"Could not create the Java Virtual Machine"解决方案

如果您转载了本文章,出于某种原因,并没有注明作者或者出处。
在这里,苏南大叔也表示理解和支持。因为苏南大叔深深地明白:
您会在合适的时机,合适的地方,给本博客一个外链。对吧?
您若开心,便是安好!岁月静好,但愿世界和平,没有纷争~