用electrion打包angular成桌面应用
<p>用electrion官网的不行。</p><p>还好，可以直接照搬 https://github.com/maximegris/angular-electron</p>
<p>安装必要的库</p>
<div class="cnblogs_code">
<pre>npm i --save-dev electron electron-builder electron-reload npm-run-all <span style="color: rgba(0, 0, 255, 1)">wait</span>-on</pre>
</div>
<p>需要从angular-electron 里复制出来：</p>
<p>./下的</p>
<blockquote>
<p>main.ts</p>
<p>tsconfig.json</p>
<p>tsconfig.app.json</p>
<p>tsconfig-serve.json</p>
<p>postinstall.js</p>
<p>postinstall-web.js</p>
<p>electron-builder.json</p>
</blockquote>
<p> </p>
<p>需要参考修改的： 懒得修改，直接照搬</p>
<p>package.json</p>
<div class="cnblogs_code">
<pre>"main": "main.js", <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">增加</span>
"scripts"<span style="color: rgba(0, 0, 0, 1)">: {
</span>"postinstall": "npm run postinstall:electron && electron-builder install-app-deps"<span style="color: rgba(0, 0, 0, 1)">,
</span>"postinstall:web": "node postinstall-web"<span style="color: rgba(0, 0, 0, 1)">,
</span>"postinstall:electron": "node postinstall"<span style="color: rgba(0, 0, 0, 1)">,
</span>"ng": "ng"<span style="color: rgba(0, 0, 0, 1)">,
</span>"start": "npm run postinstall:electron && npm-run-all -p ng:serve electron:serve"<span style="color: rgba(0, 0, 0, 1)">,
</span>"build": "npm run postinstall:electron && npm run electron:serve-tsc && ng build"<span style="color: rgba(0, 0, 0, 1)">,
</span>"build:dev": "npm run build -- -c dev"<span style="color: rgba(0, 0, 0, 1)">,
</span>"build:prod": "npm run build -- -c production"<span style="color: rgba(0, 0, 0, 1)">,
</span>"ng:serve": "ng serve"<span style="color: rgba(0, 0, 0, 1)">,
</span>"ng:serve:web": "npm run postinstall:web && ng serve -o"<span style="color: rgba(0, 0, 0, 1)">,
</span>"electron:serve-tsc": "tsc -p tsconfig-serve.json"<span style="color: rgba(0, 0, 0, 1)">,
</span>"electron:serve": "wait-on http-get://localhost:4200/ && npm run electron:serve-tsc && electron . --serve"<span style="color: rgba(0, 0, 0, 1)">,
</span>"electron:local": "npm run build:prod && electron ."<span style="color: rgba(0, 0, 0, 1)">,
</span>"electron:linux": "npm run build:prod && electron-builder build --linux"<span style="color: rgba(0, 0, 0, 1)">,
</span>"electron:windows": "npm run build:prod && electron-builder build --windows"<span style="color: rgba(0, 0, 0, 1)">,
</span>"electron:mac": "npm run build:prod && electron-builder build --mac"<span style="color: rgba(0, 0, 0, 1)">,
</span>"test": "npm run postinstall:web && ng test"<span style="color: rgba(0, 0, 0, 1)">,
</span>"e2e": "npm run build:prod && mocha --timeout 300000 --require ts-node/register e2e/**/*.spec.ts"<span style="color: rgba(0, 0, 0, 1)">,
</span>"version": "conventional-changelog -i CHANGELOG.md -s -r 0 && git add CHANGELOG.md"<span style="color: rgba(0, 0, 0, 1)">,
</span>"lint": "ng lint"<span style="color: rgba(0, 0, 0, 1)">
},</span></pre>
</div>
<p> </p>
</div>
<div id="MySignature" role="contentinfo">
—————————————<br><br>
来源：https://www.cnblogs.com/xuanmanstein/p/11649142.html
頁:
[1]