Electron – 基础学习(2): 项目打包成exe桌面应用 之electron-packager

前端开发 作者: 2024-08-26 10:15:01
项目创建完成,启动正常,接下来就是项目打包了。将测试Demo打包成exe桌面应用,点击exe文件,运行项目。 书接上文,创建项目有三种方式 Git拷贝、直接创建;通过electron社群提供的命令行工

第一步:全局安装 electron-packager,便于系统通用

  npm install -g electron-packager 或 cnpm install -g electron-packager

 

第二步:打包 electron 项目

  (1)、Git拷贝 对应打包、直接创建项目 对应打包。
   
      b21:直接输入命令 electron-packager .  (注意后面这个点,在这必须要有这个 . 在这表示源文件所在路劲。如果源文件和 package.json 文件不在同一级目录下,则应将 . 换成对应的源文件目录),进行打包。
         electron-packager . 或 electron-packager ./xxxxxx
  
      b22:在 electron-packager 命令后配置打包参数(这个其实就是b21 中 electron-packager 命令的具体改良版)
   
      b23:上面b21、b22两种方式虽说都可以完成打包,但是每次打包都需要输入老长的命令,尤其是b22,还有各种配置,这就表示我们要去记这些配置,非常麻烦,而且配置太多也容易混淆和遗忘,所以将这些配置以 “package” 参数的形式添加到 package.json 文件 -> "scripts" 项内,如上图二所示。
    npm run-script package 或 cnpm run-script package
       
  (2)、electron-forge 创建项目 对应打包。
  npm run-script package 或 cnpm run-script package
,双击exe应用程序,启动项目。

总结:这两种打包方式,看似不一样,实际相差无几。

原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_68915.html