背景 在实际的开发过程中,我们最后打包生成的exe.会依赖一些第三方的软件,或者说是一些系统的环境,比如 .net framework vc++ 等,这些环境不能依赖客户的环境,所以最好的做法是在打包的时候,一起打包. electron如何做到打包多个依赖 electron里面最常用的打包方式就是electron-builder了,其中electron-builder可以对nsis进行整合配置,具体可以参照官网 https://www.electron.build/configuration/n

npm run buildwin > study01@1.0.0 buildwin F:\Nodejs\electron\Test\study01> electron-builder --platform=win --arch=x64 • electron-builder version=20.28.4 • loaded configuration file=package.json ("build" field) • Specified application direc

下面说两种方法: 一. 1.引入jQuery,首先安装: cnpm install --save jquery 2.安装好后,在我们的entry.js中引入: import $ from 'jquery' 3.引入完成后,我们在entry.js中写入jquery的语法 进行测试: 4.使用 npm run server 效果如下: 二. 1.用plugin引入 如果你觉的上面的方法和webpack没什么关系,只是普通的引入,webpack只是负责了一下打包,这样并没有全局感.那再学习一种在web

一.打包第三方类库 下面说2种方法: 第一种: 1.引入jQuery,首先安装: npm install --save-dev jquery 2.安装好后,在index.js中引入,用jquery语法进行测试 import css from './css/index.css'; import less from './css/black.less'; import $ from "jquery"; let hzhSrting = 'Hello Webpack!' document.ge

其实这个问题在网上能搜到大把的解决方案.大家的统一答案都是 otool -L yourapp.app/Contents/MacOS/yourapp 根据输出信息在运行 install_name_tool install_name_tool的使用方法在这里 比较复杂的是当依赖了很多第三方库,尤其是向QT这样的库的时候.打包那叫一个麻烦啊. QT有个官方的文档告诉你如何手动一步步打包程序,还提供了一个macdepotqt这么个程序.帮你进行打包. 可是啊,macdepotqt不支持其他第三方库,也不

有时候我们会把一些特殊字体打包到软件,因为如果找不到我们的字体会变为默认,现在很多字体图标我们用得好,有时候我们的应用会用很漂亮的字体,需要我们自己打包,因为用户一般是没有字体. UWP使用第三方字体 首先我们需要字体,这个字体下载,网上很多.http://font.chinaz.com/我在这网站下载,如果有人知道他的网站字体不是完全授权,请和我说,我就删除我的应用字体. 在网上下东西很要注意版权,有很多是我们不能直接拿来用. 我们简单在界面写一个TextBlock <TextBlock Ma

概述 在项目中不可避免的会用到jquery等第三方库,来看看有什么问题,怎么解决. 遇到的问题 一般情况下,直接require第三方库,比如jquery,然后webpack会自动把第三方库打包进bundle.js里面去,这样就造成了三个问题: bundle.js的文件会非常大. 每次更新bundle.js的时候根本没有更新第三方库,但是用户仍然要下载包含所有第三方库的bundle.js,不利于缓存. 更新第三方库的时候很麻烦,又要重新下bundle.js.(虽然这种情况很少) 理想的解决方案 我

当前环境Debian Linux-Deepin 安装Node 直接下载 命令下载 下载 wget https://nodejs.org/dist/v14.15.1/node-v14.15.1-linux-x64.tar.xz 解压,解压后在当前盘多了个文件夹node-v14.15.1-linux-x64.(可自行改名) sudo tar -zxvf node-v14.15.1-linux-x64.tar.gz 建立软链接 sudo ln -s /盘路径/node-v14.15.1-linux-x

原帖地址 http://wenku.baidu.com/link?url=0kCBUc-7g4pGgXUrBA2jdCRkrSQmQzaDgGT59TyECAundF8c6R9yxy4EaBN3L8ciYWZ5jwqK9TfAAy8MiogIie5-FT_Rs1I8IPdDU17ELsS 简述: 用eclipse的export功能,选择导出为jar file,然后照常选择,生成了jar文件以后,用winrar等其他压缩软件打开,然后进行下面操作 1. 随便找个地方新建一个lib文件夹,把要用到的

1.安装electron-winstaller npm install --save-dev electron-winstaller 2.创建一个build.js var electronInstaller = require('electron-winstaller'); var path = require("path"); resultPromise = electronInstaller.createWindowsInstaller({ appDirectory: path.j

在项目开发时有时我们需要引入一些在maven仓库中不存在的包 一.配置maven环境变量 在path环境变量中添加 %maven_home%\bin (window10环境下) cmd界面输入 mvn -version 显示maven版本即表示配置成功 二.cmd切换到jar包位置 执行命令编译jar 下载到本地仓库 mvn install:install-file -Dfile=kms-invoke-1.0-SNAPSHOT.jar -DgroupId=com.kms -DartifactId

目录 Webpack + Vue 搭建开发环境及打包安装 ------- 打包渲染进程 Electron + Webpack  搭建开发环境及打包安装 ------- 打包主进程 Electron + Webpack + Vue 搭建开发环境及打包安装 ---- 打包electron应用 一.渲染进程打包 1. 搭建项目目录结构 首先项目文件夹下执行 npm init -y 命令生成 package.json 文件 然后创建相应的文件夹  2. 目录结构文件夹说明 | - app 项目打包输出目

前言 最近想把自己用html+css+js做的网页界面打包成桌面应用,网上一搜,发现Electron是一个不错的选择,试了试,发现效果真的不错.这里记录一下打包过程以作记录,便于自己以后查看学习. 一.简介 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的. 二.打包过程 1.

上一篇讲了使用electron进行打包的配置相关文件,这篇主要讲electron中很重要的通信方式. 首先解释一个概念: electron打包的应用包含两个部分 electron的环境(node),也就是主进程. web渲染环境,副进程. 这两个环境之间是相互隔离的,无法直接进行数据通信,所以有了这篇文章. 三个角色: ipcRender ipcMain webContents ipcRenderer用于渲染进程 ipcRenderer.on(channel, listener) --> cha

路由问题: 打包成electron前,需要修改 index.html <base href="/"> 成 <base href="./"> 这样按照教程,确实能打包成功. 但是!但是.  此时从浏览器 直接访问 127.0.0.1:4000   也就是index是没问题的:而且从index页开始点击操作,各种路由跳转也是没问题的. 但只要想直接访问 127.0.0.1:4000/XXX/YYY  这样的带路由的页面,就会报各种404,典型的比

ant-design-pro ----> version :2.3.1 由于网上Ant Design Pro+Electron的资料太少,我就贡献一点经验   最近需要讲AntD Pro项目(以下简称Adp)打包成桌面安装使用,因为我的项目是一个企业业务计算系统,并不会常有需求的更新,因此打包成桌面应用,用户体验更好. 首先,Adp项目和Electron打包分开,就是不要把两者的依赖和配置文件放在一个项目里,这是保持项目的纯粹性,各自专注自己的事情.因此,我们就需要一个Adp项目,一个Elect

1.Electron支持的平台: OS XWindowsLinux 2.一个标准的electron app包含的结构: Windows 或是 Linux中:electron/resources/app|_package.json|_main.js|_index.html 3.electron程序打包: 一般使用asar来进行打包,electron中一般包含两种API:Node.js和Chromium提供的Web APINode API如fs.readFile 4.使用Native Node模块

最近,把团队内经常使用的一个基于Node.js制作的小工具给做成了可视化操作的桌面软件,使用的是electron,这里简单分享一下使用electron的一些经验和心得. 一.如何使用electron把基本的开发环境给跑起来? 我是这么处理的,electron官方提供了一个名为“electron-quick-start”的示例项目,地址为:https://github.com/electron/electron-quick-start 然后把相关资源给弄下来,如果你是下载Zip包解压的,则资源默认

by zhangxinxu from http://www.zhangxinxu.com/wordpress/?p=6154 本文可全文转载,但需得到原作者书面许可,同时保留原作者和出处,摘要引流则随意. 最近,把团队内经常使用的一个基于Node.js制作的小工具给做成了可视化操作的桌面软件,使用的是electron,这里简单分享一下使用electron的一些经验和心得. 一.如何使用electron把基本的开发环境给跑起来? 我是这么处理的,electron官方提供了一个名为“electron

1.1 Electron是什么? 引用官网的一句话: Build cross platform desktop apps with JavaScript, HTML, and CSS 1.2 诞生 技术背景: JavaScript近几年的全领域发展,个人理解JavaScript是思想对java的前进,从compile once,run everywhere转变为code once,run everywhere,由于JavaScript本身的是一门解释性的脚本语言,这让它逐渐的成为全宇宙使用最广泛